Vue的UI解决框架,element-UI, iview-UI 有关表单验证使用的是同一个插件,async-validator,有关这个插件的用法就不作赘述,可是在iview表单的使用中可能会用到验证不起做用的问题,缘由是给表单绑定的value是id或者type,value等Number类型的值,多见于select下拉框,这时,因为async-validator默认只验证String类型的,因此才致使的验证不起做用的问题,解决方案:async-validator支持正则验证,加上正则后自动将要验证的字段值转为String类型正则表达式
id: [框架
{required: true, message: '请选择', pattern: /.+/, trigger: 'change'}iview
]async
能够看到,加红部分,是一个正则表达式,匹配全部非空值ui