element-ui + async-validator的类型为number的验证规则无法正确识别已输入的数字

Question

https://jsfiddle.net/pronan/d...
在活动名称随便输入几个数字,然后点击其他区域, 你会发现提示请输入活动名称, 显然它认为你没有输入..是我用法有问题吗?

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

Answer 1

<el-input v-model.number="ruleForm.name"></el-input>

Answer 2

和官方的对比来看，似乎它不是认为你没有输出（毕竟提示信息是你自己写的），应该是它认为你输入的不是数字

name: [
        { required: true, message: '请输入活动名称', trigger: 'blur' },
        { min: 3, max: 5, message: '长度在 3 到 5 个字符', trigger: 'blur' },
        {type: 'number', message: '必须为数字值'}  
      ]

这样测试效果就很明显了，我再研究下

Answer 3

https://github.com/ElemeFE/el...

类似的问题

顺便提一嘴, min和max如果是对number类型的字段做校验时, 就不代表字符串长度了, 而是数字的最大值和最小值