设计相关网站,汉南做网站,网站推广好不好,wordpress og说明#xff1a;该篇博客是博主一字一码编写的#xff0c;实属不易#xff0c;请尊重原创#xff0c;谢谢大家#xff01; 博主在工作之余开始进行自动化测试平台的开发#xff0c;虽然已经996一个月了但是还是在使劲挤时间做这件事情#xff0c;目前平台使用前端框架vu…说明该篇博客是博主一字一码编写的实属不易请尊重原创谢谢大家 博主在工作之余开始进行自动化测试平台的开发虽然已经996一个月了但是还是在使劲挤时间做这件事情目前平台使用前端框架vue-element-admin进行简化后二次开发目前保留了原框架中的国际化、主题色、全局搜索、字体大小以及右侧悬浮设置菜单更多细节后续会在系列文章中进行更新~ 问题描述
在默认中文时点击登录或者失去输入框焦点时测试时表单验证消息没有问题如图1此时如果切换到英文时就会出现验证信息还是中文的情况如图2所示
点击注册按钮切换注册表单此时会重置表单数据所以不会出现验证提示信息与语言不符情况
解决方法
方法1
使用computed计算属性监控自己定义的变量
computed: {loginRules() { // :rulesloginRulesreturn {username: [{ required: true, message: this.$t(login.errUserNameMsg), trigger: blur }],password: [{ required: true, message: this.$t(login.errPasswordMsg), trigger: blur }]}}}方法2
通过watch监听切换中英文时重置表单验证这个是博主比较喜欢的其实不需要保留上一次语言产生的验证提示直接重置这样看着比较舒服干净也不存在语言与提示信息不符的情况
watch: {// 监听切换中英文时重置表单验证$i18n.locale: function() {this.$refs[loginForm].clearValidate()}
}最终效果
