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 年前
Logo

旨在为数千万中国开发者提供一个无缝且高效的云端环境,以支持学习、使用和贡献开源项目。

更多推荐