我有一个自定义的选择组件，它与一个简单的变量一起使用，但是当与v-一起使用时将不起作用：
https://jsfiddle.net/7gjkbhy3/19/
<select2 v-for="item, index in samples" v-model="item" ></select2>
data : { samples : [0, 0, 0]}
这有效：
<select2 v-model="sample"></select2>
data : { sample : 0}
我在这里想念什么？
v-model而v-for如果不能很好地一起去v-model用于迭代别名W / A原始值。
Vue警告：
您
v-model直接绑定到v-for迭代别名。这将无法修改v-for源数组，因为写入别名就像修改函数局部变量一样。考虑使用对象数组，并在对象属性上使用v-model。
因此，使用每个对象都具有选择值属性的对象数组可以解决此问题：
工作实例。
<select2 v-for="item, index in samples" v-model="item.value" ></select2>
new Vue({
el: '#app',
data: {
sample: 0,
samples : [{ value: 0 }, { value: 0 }, { value: 0 }]
}
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句