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

今天接到一个bug修复的需求，用户反馈某个input框每次只能输一个字符，然后就失去焦点。记录一下供大家参考。结论检查v-for的key是否是可改变的，并且该key值与你所输入的控件绑定或会被该控件间接影响。思路这种情况首先考虑是组件变化重新渲染的问题。验证方法是F12打开控制栏，选中input组件，此时观察输入字符时出现以下这种闪烁的情况就可以确定了。检查key值，果然：...

前端摸鱼狮

5035人浏览 · 2021-03-26 15:26:49

前端摸鱼狮  ·  2021-03-26 15:26:49 发布

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

结论

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

思路

这种情况首先考虑是组件变化重新渲染的问题。
验证方法是F12打开控制栏，选中input组件，此时观察输入字符时出现以下这种闪烁的情况就可以确定了。

检查key值，果然：

# vue.js

Vue

前往低代码交流专区

加入社区

更多推荐

• · Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试
• · 基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计
• · ElasticSearch迁移至openGauss

Mac 使用vscode 创建vue项目后修改文件提示：权限不足，以超级用户身份重试

Vue

基于nodejs+vue云计算的城乡医疗卫生服务系统[程序+论文+开题]-计算机毕业设计

Vue

ElasticSearch迁移至openGauss

Vue

欢迎加入社区

取消 确定