vue input每次输入一个字符后自动失去焦点 问题
问题：我在输入框输入的时候，每输入一次，输入框就自动失去焦点了。ps：实现的功能是，一个列表组件，每个对象中都有一个input输入框。<div class="addTags" v-for="(item,index) in list" :key="item.title"><input type="text" v-model="item.title"></div>原
·
问题：
我在输入框输入的时候，每输入一次，输入框就自动失去焦点了。
ps：实现的功能是，一个列表组件，每个对象中都有一个input输入框。
<div class="addTags" v-for="(item,index) in list" :key="item.title">
<input type="text" v-model="item.title">
</div>
原因
问题在于:key=‘item.title’，input数据也通过v-model="item.title"绑定了，当修改了input数据时，:key的数据也跟着变了，因此页面key所在的元素进行重新渲染，因此焦点会消失。
解决办法
更改:key的绑定值
前往低代码交流专区
更多推荐
6
0- 0
已为社区贡献14条内容
所有评论(0)