V-model是Vue.js中的一个双向数据绑定指令,它允许你将表单输入元素(如input或textarea)绑定到Vue实例中的数据属性。它基本上将输入的值与data属性同步,因此输入中的任何更改都会反映在data属性中,反之亦然。 然而,v-for和v-slot作用域变量是不可写的,因为它们是单向绑定的结果,并且它们是基于父组件的数据计算的。所以,你不能在他们身上使用v-model。 如果你需要修改v-for或v-slot作用域变量的值,你应该在父组件中修改它们对应的数据属性。这将触发子组件的重新呈现,并相应地更新v-for或v-slot作用域变量。 <div v-for="(item, index) in ['111' ,'222' ]" class="wordTag" @close="delWord(index)"> <el-input v-model="item"></el-input> </div>
报错:v-model cannot be used on v-for or v-slot scope variables because they are not writable.
字符串数组 <div v-for="(item, index) in ['111' ,'222' ]" class="wordTag" @close="delWord(index)"> <el-input v-model="item[index]"></el-input> </div>
对象数组 <div v-for="(item, index) in [ { id: 1, name: '111' }, { id: 2, name: '222' } ]" class="wordTag" @close="delWord(index)"> <el-input v-model="item.name"></el-input> </div>