vue input每次输入一个字符后自动失去焦点

web_qinhuayon
  • 20

代码如下,遇到的问题就是,我在输入框输入的时候,每输入一次,输入框就自动失去焦点了。
ps:实现的功能是,每点击一次添加按钮,然后就会为list对象的name数组添加一个对象,这个时候就会生成一个新的input,在这个input输入就会遇到如上问题

 <div class="addTags" v-for="(item,index) in list.name" :key="item.data">
    <input type="text" v-model="item.data">
 </div>
 <span class="add"  @click="addData()">+请添加</span>


 data() {
  return: {
     list: {
          name: []
        }
  }
 },
 methods: {
 addData() {
      this.list.name.push({data:''})
    }
 }
回复
阅读 10.9k
2 个回答

问题在于:key=’item.data',input数据绑定后进行模型更新后,div的属性要刷新,进行渲染后就重新刷新的input。如果你是要在代码中找div,建议你直接找input的父节点的方式,而不要用子节点绑定的数据给父节点的属性赋值。

直接将 :key=’item.index'即可

你知道吗?

宣传栏