当使用v-for进行循环,里面的元素需要动态绑定不同属性值时,可以利用对象[]来动态绑定不同的v-model的属性
<div v-for="(item,index) in 3" :key="item">
//利用对象[]特性,动态绑定不同的属性
<input type="radio" v-model="check[checkedVal[index].Vm]" />
</div>
js数据
checkedVal: [
{Vm:'check0'},
{Vm:'check1'},
{Vm:'check2'},
{Vm:'check3'}
],
check:{ //实际绑定的属性
check0:true,
check1:false,
check2:false,
check3:false
},
如果v-model可以绑定数值
<div v-for="(item,index) in 3">
<input type="text" v-model="numBoxVal[index]" />
</div>
js数据:
//每一个元素的v-model的值
numBoxVal:[1,0,0,0]