素材巴巴 > 程序开发 >

【踩坑日记】解决antd vue input每输入一个字符就失去焦点

程序开发 2023-09-03 11:00:54

今天接到一个bug修复的需求,用户反馈某个input框每次只能输一个字符,然后就失去焦点。记录一下供大家参考。

结论

检查v-for的key是否是可改变的,并且该key值与你所输入的控件绑定或会被该控件间接影响。

思路

这种情况首先考虑是组件变化重新渲染的问题。
验证方法是F12打开控制栏,选中input组件,此时观察输入字符时出现以下这种闪烁的情况就可以确定了。
控制台示例
检查key值,果然:
bug代码


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。