vue-element-admin 1.4问题及解决方案

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，就会显示在页面。如下图：