Element的表单rules验证number没有效果

在表单中，经常需要输入一些数字，比如单价，天数之类的

通常我们这么写：

<el-form-item label="天数：" prop="days">
   <el-input v-model="days"></el-input>
</el-form-item>


rules: {
    days: [ { type: 'number', message: '请输入数字', trigger: 'blur'} ]
}

结果就是，明明输入的是number类型，还是提示说：请输入数字！

这时候可以使用 transform  解决这个问题。

rules: {
    days: [ { type: 'number', message: '请输入数字', trigger: 'blur'}, transform: (value) => Number(value) ]
}