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

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

结论

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

思路

这种情况首先考虑是组件变化重新渲染的问题。
验证方法是F12打开控制栏,选中input组件,此时观察输入字符时出现以下这种闪烁的情况就可以确定了。
【踩坑日记】解决antd vue input每输入一个字符就失去焦点_第1张图片
检查key值,果然:
【踩坑日记】解决antd vue input每输入一个字符就失去焦点_第2张图片

你可能感兴趣的:(踩坑日记,vue.js)