黑马程序员课程Vue实战项目_Element_UI——实现登录功能,命令
黑马程序员课程Vue实战项目_Element_UI——实现登录功能,命令
1,创建vue项目,在当前目录下,创建vue项目
vue create .
2,安装路由
npm i vue-router@3
3,安装element-UI
npm i element-ui -S
...
vue2项目引入scss
vue2项目引入scss
1、安装sass-loader
npm install sass-loader@7.3.1 --save-dev
2、安装node-sass
npm install node-sass@4.14.1 --save-dev
3、可以使用了,在style中加入lang=”scss“就可以了
<st...
china.json文件数据,ECharts 数据可视化大屏项目
https://www.isqqw.com/geojson
china.json数据文件下载地址,该网站需要注册登录
或者直接打开这个链接:https://www.isqqw.com/asset/get/areas_v3/country/china.json
b站学习,ECharts 数据可视化大屏项目时,缺少chi...
vue-element-admin路由不在侧边栏显示,路由不在面包屑导航显示
vue-element-admin路由不在侧边栏显示,路由不在面包屑导航显示
比如:列表页想显示在左侧菜单,添加和编辑路由,不想显示在左侧菜单和面包屑导航
代码:
{
path: '/about',
component: Layout,
redirect: '/about/list',
...
vue-element-admin左侧菜单高度设置,el-menu设置菜单高度
vue-element-admin左侧菜单高度设置,el-menu设置菜单高度
src\layout\components\Sidebar\SidebarItem.vue添加css样式
<style scoped>
.el-menu-item, >>> .el-submenu__title{...
vue表单不同条件不同的验证规则,vue el-form多规则rules验证
当我们在使用vue el-form的时候,经常会根据传入的值来动态验证表单信息,比如新建,编辑表单,不同的情况下,需要的验证方式不一样。根据这样的需求,我们有两种方法解决:
1.在data()中定义两个rule规则,用computed根据值动态验证。
<el-form class="dialog-body" :rules=...
vue怎样不显示html标签
vue怎样不显示html标签
使用v-html指令
普通内容
<span>{{row.tplContent}}</span>
富文本内容
<span v-html="row.tplContent"></span>
vue项目中,类型数字转为汉字,并且搜索中也用到类型搜索
vue项目中,类型数字转为汉字,并且搜索中也用到类型搜索,如图:
1,首先定义留言类型数据:
data() {
return {
typeList : [
{val:1,label:'客户留言'},
{val:2,label:'客户投诉'},
], //...
vue自定义js函数供全局使用
需求:需要定义el-input框只能输入正整数,负整数和0的方法,
1,建立函数文件src\utils\zht.js
export default {
/**
* 只能输入0和正整数负整数
* @param {string} e
* @returns {string | number} 返回空字符或数字...
vue-element-admin时间区间查询el-date-picker
vue-element-admin时间区间查询el-date-picker
1,日期区间组件
<el-date-picker
class="filter-item"
v-model="listQuery.dateRange"
type="daterange"
...
vue-element-admin项目中,新增icon、svg图标
vue-element-admin项目中,新增icon、svg图标
1,在项目的开发过程中,所需的svg图片不可能一次性添加进来。有时候需要根据开发的需求,新增一些svg图标。
阿里巴巴图标库https://www.iconfont.cn/
搜索自己需要的图标,如express
点击下载
...
vue-element-admin批量删除
vue-element-admin批量删除
用vue和elementUI实现批量操作常见于table表格,前提是table表第一列是可以多选的框:
<el-table-column type="selection" width="55"> </el-table-column>
如上图所示,当没有选...
解决errors and 0 warnings potentially fixable with the `--fix` option.问题
解决errors and 0 warnings potentially fixable with the `--fix` option.问题
项目正常运行,就是有这个提示
找到.eslintrc.js注释掉// 'eslint:recommended'
vue-element-admin el-switch使用
vue-element-admin el-switch使用
1,效果
2,代码
<el-table-column label="显示" class-name="status-col" width="200">
<template slot-scope="{row}">
...
vue-element-admin 修改默认的全局字体尺寸为mini
vue-element-admin 修改默认的全局字体尺寸为mini
vue-element-admin是一套相当不错的后台管理UI框架, 默认字体尺寸是Medium。
如果想修改默认尺寸为Mini ,那么只需要修改src/main.js 路径下的文件第34行即可。
Vue.use(Element, {
...
vue-element-admin中mock模拟数据和后台接口同时使用
vue-element-admin中mock模拟数据和后台接口同时使用
devServer: {
port: port,
open: true,
overlay: {
warnings: false,
errors: true
},
proxy: {
//...
关于本站
“最难不过坚持”
本人承接扒站仿站,php网站维护,病毒查杀,网站编辑,网站改版,html制作
有需要网站维护,改版,病毒查杀,网站编辑,网站备案,html制作等相关的工作可以联系我。
本人有多年相关工作经验,也可提供免费咨询,交个朋友。
有需要探讨问题的朋友,也可以加我微信,共同探讨!
微信:15011482830 QQ:408917339
2682
39
分类目录
最新评论
- https://jueru.net/
-
- :weixiao:
-
- :shuijiao: :weiqu: :zhenbang: :leng:
-
- :yiwen: :yiwen: :yiwen: :yiwen:
-
- 这个业务逻辑多少都有点奇怪了,阅读浏览次数增值在新闻详情页的控制器方法里setInc,这怎么还写进模型事件里了。如果非要用onAfterRead也可以,把新闻文章的内容单独分出来一个news_content表,然后把它和news做关联,然后给news_content表的onAfterRead事件做增值处理,这样点进新闻页内查询到文章内容时才会触发它。
-
文章标签更多