使用vee-validate校验表单,发现最新版本中的本地化设置并不能起作用,求解
"vee-validate": "^2.1.0-beta.2",
"vue": "^2.5.2",
"vue-i18n": "^8.0.0",
我的代码如下:
新建validator文件专门配置vee-validator插件:
import Vue from 'vue'
import VeeValidate, {Validator} from 'vee-validate'
import VueI18n from 'vue-i18n'
import zh from 'vee-validate/dist/locale/zh_CN'
Vue.use(VueI18n)
const i18n = new VueI18n({local: 'zh_CN'})
Vue.use(VeeValidate, {
i18n,
i18nRootKey: 'validations',
aria: true,
inject: true,
local: 'zh_cn',
dictionary: {
zh_cn: zh
}
})
const Dictionary = {
zh_CN: {
messages: {
required: field => `${field}不能为空`
},
attributes: {
username: '用户名'
}
}
}
Validator.localize(Dictionary)
然后在main.js中引入
import Vue from 'vue'
import App from './App'
import router from './router'
import './libs/validator' // 引入vee-validator配置
import 'normalize.css'
import './assets/styles/theme.styl'
import 'mand-mobile/lib/mand-mobile.css'
import mandMobile from 'mand-mobile'
Vue.use(mandMobile)
Vue.config.productionTip = false
/* eslint-disable no-new */
new Vue({
el: '#app',
router,
components: { App },
template: '<App/>'
})
可是结果并没有出现中文错误提示
官网上也没有说什么修改,现在整的是一脸懵逼