vue-element-admin 1.4问题及解决方案
vue-element-admin
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
项目地址:https://gitcode.com/gh_mirrors/vu/vue-element-admin
免费下载资源
·
1、弹出框Dialog对话框,宽只有50%时,使用width不起作用:
在style上定义:
.el-dialog--small {
width: 80%;
}
2、form表单验证数字不能通过:
使用v-model.number,验证规则上加type:number
<el-input v-model.number="form.workpeopleamount" type="number" placeholder="请输入工作人员数量"></el-input>
workpeopleamount: [{
type : 'number',
required: true,
message: '请输入工作人员数据',
trigger: 'blur'
}
],
3、input的输入框只能输入数字:
在input加上属性type=‘number’
<el-input v-model.number="form.trainingpeopledays" type="number" placeholder="请输入培训人天数"></el-input>
4、input框的必输小红点
去掉prop的属性
<el-input v-model.number="form.trainingpeopledays" type="number" placeholder="请输入培训人天数"></el-input>
5、增加图标svg
1、在src\views\tools\icons\svg-icons.js的文件中,添加与svg文件名相同的名称;
2、复制svg到src\icons\svg文件下
3、在src\assets\iconfont\iconfont.js的文件下添加
<symbol id="icon-image" viewBox="0 0 1024 1024"><path d="“”></path></symbol>
然后修改id为icon-文件名,保证这个文件名和第一步中添加的文件名一致,用nodepad++、hubild等其他工具打开svg文件,复制path标签中的所有内容,然后替换第三步配置的path,就会显示在页面。如下图:
GitHub 加速计划 / vu / vue-element-admin
87.26 K
30.42 K
下载
PanJiaChen/vue-element-admin: 是一个基于 Vue.js 和 Element UI 的后台管理系统模板,支持多种数据源和插件扩展。该项目提供了一个完整的后台管理系统模板,可以方便地实现后台管理系统的快速搭建和定制,同时支持多种数据源和插件扩展。
最近提交(Master分支:2 个月前 )
0caa975e - 2 年前
cd3f7267 - 2 年前
更多推荐
已为社区贡献1条内容
所有评论(0)