软件教程 2025年08月6日
0 收藏 0 点赞 627 浏览 449 个字
摘要 :

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

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

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

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

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

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

this.$refs.form.clearValidate();

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

 

微信扫一扫

支付宝扫一扫

版权: 转载请注明出处:https://www.zuozi.net/6734.html

管理员

相关推荐
2025-08-06

文章目录 一、Promise基础回顾 二、Promise 与 axios 结合使用场景及方法 (一)直接返回 axios …

269
2025-08-06

文章目录 一、模块初始化时的内部机制 二、常见导出写法的差异分析 (一)写法一:module.exports…

107
2025-08-06

文章目录 一、ResizeObserver详解 (一)ResizeObserver是什么 (二)ResizeObserver的基本用法 …

683
2025-08-06

文章目录 一、前期准备工作 (一)下载相关文件 (二)安装必要工具 二、处理扣子空间生成的文件…

338
2025-08-06

文章目录 一、官方文档 二、自动解包的数据类型 ref对象:无需.value即可访问 reactive对象:保持…

371
2025-08-06

文章目录 一、Hooks的工作原理 二、在if语句中使用Hook会出什么岔子? 三、React官方的Hook使用规…

843
发表评论
暂无评论

还没有评论呢,快来抢沙发~

助力内容变现

将您的收入提升到一个新的水平

点击联系客服

在线时间:08:00-23:00

客服QQ

122325244

客服电话

400-888-8888

客服邮箱

122325244@qq.com

扫描二维码

关注微信客服号