el-input输入一个字符后会失去焦点

最近在 Vue3 + ElementPlus 中，使用 el-input 组件时，如果设置了 v-model，那么在每次改变内容后后，input 会自动失去焦点，这样会导致用户无法输入多个字符。

我是form表单嵌套表格，里面的el-input输入框，输入第一个值的时候会突然失去焦点，需要再次点击输入框才能正常输入，原因是table的key值，需要改成正常的index即可，如果你是循环的，也改为index就行。

推荐方法 1（直接通过），代码更简洁且依赖较少。若遇到指向问题（如嵌套其他元素），再改用方法 2。

key值变化的话会导致重新渲染，key值不能是动态值，循环添加key的时候,不要加随机数之类的值

外面的v-for循环的key使用了元素的name属性，而恰好我们的name动态双向绑定给了input,故而在。遇到这种神奇的BUG，也是大家无奈的神情。input输入变化时触发了外层的刷新导致每输入一个字符后input失去焦点，影响输入。修改方案如下：将:key赋值一个不变的值！避免动态刷新此dom!

注意：检查所绑定的key值是否与el-input中的v-model所绑定的值是同一个值，或者检查key是否是动态发生了改变。

解决elementUI input组件在使用过程中一次只能输入一次文字，然后就会自动失去焦点的问题

问题，input框输入就失焦，需要点击输入框才能继续输入问题代码及图片解决办法，去掉循

vue element-ui input每次输入后自动失去焦点 text改变的时候由于 key 值绑定的text的问题造成的重绘 错误示例 <div v-for="link in content" :key="link.text"> <el-input v-model="link.text" /> </div> 正确示例 <div v-for="(link,index) in value.label" :key="index">

该问题场景是，在el-dialog框中，嵌套了表单，在表单中使用el-input输入框时，发现输入一个字符后失去焦点不能在继续输入，需要重新点击输入框才能输入内容。部分代码如下： <el-form-item v-for="(item,index) in data" :key="item.label" :label="'名称'+index" :value="item.label" > <el-input v-model="item.labe

运行代码发现效果不对如第一张图所示还是没聚焦，开始确认是否是使用v-if导致的，换成v-show，还是不行，最后找百度，结合之前的代码， 终于找到了原因，渲染组件需要时间，但是时间没有JS执行的快；最开始效果是不对的，点击一行单元格，虽然由文本变为输入框了，但是当点击第二行的输入框时，第一行并没有失焦，因为失焦事件加在了input上，当点击时input 并没有聚焦，所以当点击第二个时也没走失焦事件。方法二： 使用setTimeout。方法一：加个指令 v-focus。data中加一个属性。

最近遇到了个奇怪的需求，需要代码手动给数字输入框手动触发失焦事件；后来再阅读了 el-input-number的 template部分的源码后；

vue使用input组件，失去焦点和按下回车键造成二次执行同一方法