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'}
]
可以看到,加紅部分,是一個正則表達式,匹配所有非空值