Vee-validate 自定义后显示 “The 账号 value is not valid”
也没有报错,但是显示奇怪的提示。看得出来name是已经被替换成账号了
自定义的index相关内容应该是也没问题的吧
把这个问题涉及的几个文件贴上
main.js
1 | import Vue from 'vue' <br> import App from './App.vue' <br> import router from './router' <br> import store from './store' <br> import VeeValidate, { Validator } from 'vee-validate' <br> // import zh from 'vee-validate/dist/locale/zh_CN'<br>import './local/index'<br>Vue.use(VeeValidate)<br>// Validator.localize('zh-CN', zh)<br><br>const validator = new Validator()<br>validator.localize('zh-CN')<br><br>Vue.config.productionTip = false<br><br>new Vue({<br>router,<br>store,<br>render: h => h(App)<br>}).$mount('#app')<br><br> |
src/local/index.js
1 | import { Validator } from 'vee-validate' <br><br>const dictionary = {<br> 'zh-CN' : {<br>message: {<br>required: field => '请输入' + field,<br>email: () => '请输入正确的邮箱格式' <br>},<br>attributes: {<br>email: '邮箱' ,<br>password: '密码' ,<br>name: '账号' <br>}<br>}<br>}<br><br>Validator.localize(dictionary)<br><br> |
package.json
1 | {<br> "name" : "front" ,<br> "version" : "0.1.0" ,<br> "private" : true ,<br> "scripts" : {<br> "serve" : "vue-cli-service serve" ,<br> "build" : "vue-cli-service build" ,<br> "lint" : "vue-cli-service lint" <br>},<br> "dependencies" : {<br> "axios" : "^0.21.1" ,<br> "core-js" : "^3.6.5" ,<br> "svg-captcha" : "^1.4.0" ,<br> "vee-validate" : "^2.2.13" ,<br> "vue" : "^2.6.11" ,<br> "vue-router" : "^3.2.0" ,<br> "vuex" : "^3.4.0" <br>},<br> "devDependencies" : {<br> "@vue/cli-plugin-babel" : "~4.5.0" ,<br> "@vue/cli-plugin-eslint" : "~4.5.0" ,<br> "@vue/cli-plugin-router" : "~4.5.0" ,<br> "@vue/cli-plugin-vuex" : "~4.5.0" ,<br> "@vue/cli-service" : "~4.5.0" ,<br> "@vue/eslint-config-standard" : "^5.1.2" ,<br> "babel-eslint" : "^10.1.0" ,<br> "eslint" : "^6.7.2" ,<br> "eslint-plugin-import" : "^2.20.2" ,<br> "eslint-plugin-node" : "^11.1.0" ,<br> "eslint-plugin-promise" : "^4.2.1" ,<br> "eslint-plugin-standard" : "^4.0.0" ,<br> "eslint-plugin-vue" : "^6.2.2" ,<br> "sass" : "^1.26.5" ,<br> "sass-loader" : "^8.0.2" ,<br> "vue-template-compiler" : "^2.6.11" <br>}<br>}<br><br> |
谢谢!
12
收起
正在回答
1回答
上面的设置message的问题,你只是替换了attribute,并没有替换Message,可以参考:https://vee-validate.logaretm.com/v2/guide/messages.html#overwriting-messages
来替换message
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧