main.js配置:
import { ValidationProvider, localize, extend } from 'vee-validate';
// 設(shè)置語言為中文
import zh_CN from 'vee-validate/dist/locale/zh_CN.json';
localize('zh_CN', zh_CN);
// 規(guī)則單個引入
import { length } from 'vee-validate/dist/rules';
// 對單個引入的規(guī)則修改message
extend('length',{
...length, ///???????這里不理解
message: '請輸入6位數(shù)字'
});
Vue.component('ValidationProvider', ValidationProvider);
組件內(nèi)使用:
<ValidationProvider rules="length:6" v-slot="{ errors }">
<input />
<span class="validate-span">{{ errors[0] }}</span>
</ValidationProvider>