最近在使用ant design vue开发前端项目,测试人员提出登录界面在切换中英文时,发现校验错误的表单提示,不会跟着自动切换,让我修复解决这个问题。
我们先看下这个问题的现象,确实存在这个问题,而且一开始我自己测试还真是没发现,所以说测试岗位还是非常有必要的,当我从中文语言切换为英文语言时,错误提示没有跟着变成英文,其他的label和placeholder都正常变了。
一开始我是想监听中英文属性变化来修改错误提示语言,但感觉太复杂,后来转换思路,当中英文属性变化后直接清除表单校验,当再次触发校验时,自然就是对应的语言了,果然换个思路,只需一行代码就解决问题了,在监听到中英文切换属性的方法中,添加如下代码(这里的form根据自己的定义去修改哦):
this.$refs.form.clearValidate();
直接就ok了,果然思路才是最重要的,思路不对,努力白费,如果按照原有思路,估计要绞尽脑汁写不少代码,还未必能实现,对于潘老师这种后端选手,可以说挑战很多,所以只能转换思路,弯道实现了。