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

前端 潘老师 2周前 (04-29) 24 ℃ (0) 扫码查看

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

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

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

this.$refs.form.clearValidate();

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

 


版权声明:本站文章,如无说明,均为本站原创,转载请注明文章来源。如有侵权,请联系博主删除。
本文链接:https://www.panziye.com/front/12944.html
喜欢 (1)
请潘老师喝杯Coffee吧!】
分享 (0)
用户头像
发表我的评论
取消评论
表情 贴图 签到 代码

Hi,您需要填写昵称和邮箱!

  • 昵称【必填】
  • 邮箱【必填】
  • 网址【可选】