v-model导致验证不成功，为什么？

Question

https://jsfiddle.net/Irene_Ta... 点击提交的时候验证不成功，
改成这样也验证不成功<el-input v-model="ruleForm.name"></el-input> 为什么？

Answer 1

rules: {
    name: [
        { required: true, type: 'number', message: '请输入活动名称', trigger: 'blur' }
    ]
}

如果name必须是数字类型，那么给rules加个限制就好了，详情可以见async-validator

element-ui/iview/ant.design的表单验证都是基于这个库的…

Answer 2

把name换成字符串

Answer 3

没有用过element的表单校验，简单看了下，你把data里面的name改为'100'字符串就行啦。
猜测是校验输入是否为空的时候，对this.ruleForm.name.length进行了校验，如果你的类型是Number，就相当于100.length，这样是会返回undefined的，所以导致校验结果为false。