vue input输入框失去焦点_v-for的v-input失去焦点

作者：小丑西瓜9 | 2024-02-16 20:33:13

踩

v-for的v-input失去焦点

vue input输入框失去焦点

做项目时用了v-for指令动态生成几个input输入框，当我往输入框内输入内容时发现，每当我输入一个字符，input框就失去了焦点，令人头秃，一通百度后，终于找到原因。问题出在v-bind:key=“item.deptPhone”，input框输入值后会导致key也跟着变动，key的变动直接导致 <el-form-item>被替换而不是更新，替换后的 <el-form-item>被重新渲染，焦点自然就没有了。

在这里插入图片描述

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/小丑西瓜9/article/detail/96497?site