Vee-validate 自定义后显示 “The 账号 value is not valid”

Vee-validate 自定义后显示 “The 账号 value is not valid”

也没有报错,但是显示奇怪的提示。看得出来name是已经被替换成账号了

http://img1.sycdn.imooc.com//climg/60e07a63093fcda611130463.jpg

自定义的index相关内容应该是也没问题的吧

http://img1.sycdn.imooc.com//climg/60e07a9809d1bf5d10410777.jpg


把这个问题涉及的几个文件贴上

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>

谢谢!

正在回答

登陆购买课程后可参与讨论,去登陆

1回答

上面的设置message的问题,你只是替换了attribute,并没有替换Message,可以参考:https://vee-validate.logaretm.com/v2/guide/messages.html#overwriting-messages

来替换message

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师
插入代码