iview Form 自定义验证

Form验证

自己写的时候遇到的坑，记录一下。
Form验证一般是这样的形式：
{ required: true, message: ‘请输入手机号码’, trigger: ‘blur’ }，
{ type: ‘string’, min: 1, message: ‘请输入密码’, trigger: ‘blur’ }

这次遇到的是要求在输入的数值某个范围内给出错误提示，只能用自定义验证，具体如下：

先写好验证的validate：

此处用的范围判断，也可换成正则判断。

Form标签上加上rules

需要验证的变量上加上prop

data中写验证的rules

ps：我刚开始一直不成功的原因是将 验证的validate 放在data中，最后移到export外面就成功了。