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

Question

代码如下，遇到的问题就是，我在输入框输入的时候，每输入一次，输入框就自动失去焦点了。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:''})     }  }

Answer 1

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