问题:
我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。
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的绑定值
本文讲述了在Vue中,如何修复列表组件中由于`:key`与`v-model`联动导致输入框频繁重渲染,从而触发焦点丢失的问题。解决方案是修改`:key`绑定值,确保元素唯一标识不变。
865

被折叠的 条评论
为什么被折叠?



