antdv表单切换中英文校验提示不跟着切换问题解决

IT 文章7天前更新 小编
0 0 0

最近在使用ant design vue开发前端项目,测试人员提出登录界面在切换中英文时,发现校验错误的表单提示,不会跟着自动切换,让我修复解决这个问题。

antdv表单切换中英文校验提示不跟着切换问题解决

我们先看下这个问题的现象,确实存在这个问题,而且一开始我自己测试还真是没发现,所以说测试岗位还是非常有必要的,当我从中文语言切换为英文语言时,错误提示没有跟着变成英文,其他的label和placeholder都正常变了。

antdv表单切换中英文校验提示不跟着切换问题解决

一开始我是想监听中英文属性变化来修改错误提示语言,但感觉太复杂,后来转换思路,当中英文属性变化后直接清除表单校验,当再次触发校验时,自然就是对应的语言了,果然换个思路,只需一行代码就解决问题了,在监听到中英文切换属性的方法中,添加如下代码(这里的form根据自己的定义去修改哦):

ad

程序员导航

优网导航旗下整合全网优质开发资源,一站式IT编程学习与工具大全网站

this.$refs.form.clearValidate();

直接就ok了,果然思路才是最重要的,思路不对,努力白费,如果按照原有思路,估计要绞尽脑汁写不少代码,还未必能实现,对于潘老师这种后端选手,可以说挑战很多,所以只能转换思路,弯道实现了。

 

© 版权声明

相关文章

暂无评论

暂无评论...