vee-validate 中文配置報錯及自定義規則 報錯.updateDictionary/.addlocale is not a function

緣由因爲vee-validate版本更新的問題致使的。

1. 緣由分析：

a 新版vee-validate的語言配置方法變化了， Validator.localize('zh_CN', zh_CN)

第一個參數是dictionary的定義語言的方法名，例以下圖的‘zh_CN' ; 第二個參數是引用的語言js, 本文中是中文，引自node_modules下的vee-validate/dist/locale/zh_CN.js.

參見官網地址： http://vee-validate.logaretm.com/localization.html#localized-files

 

b. 自定義規則的.extend()方法變化

 e.g.：Validator.extend('truthy', { getMessage: field => 'The ' + field + ' value is not truthy.', validate: value => !! value });

注意：兩個方法的使用：

getMessage(field, args) {

　　 // will be added to default English messages.

　　 // Returns a message.

},

validate(value, args) {

　　// Returns a Boolean or a Promise.

}

參見官網地址：http://vee-validate.logaretm.com/validation.html#custom-rules

2. 解決方法以下截圖：

validate,js

 

自定義規則， customValidate,js