element校验数字报错

有时我们会遇到校验数字的表单

rules:{
     num:[
          { required: true, message: '请输入数字'},
          { type: 'number', message: '必须为数字值'}
        ],
 }

当我们明明已经写好了数字校验规则，但是去测试时会发现，就算我们填入数字也会报错。

此时，我们应该把v-model改成v-model.number

  <el-form-item prop="num">
      <el-input v-model.number="form.num"> </el-input>
  </el-form-item>