vue通过for循环生成的checkbox点击一个选中全部的问题
重点在input的绑定属性value上,如果写成<tr v-for="(item,index) in list"><td><input type="checkbox" :id="index" value="item.id" v-model="checkedItem"></td><td>{...
·
重点在input的绑定属性value上,如果写成
<tr v-for="(item,index) in list">
<td>
<input type="checkbox" :id="index" value="item.id" v-model="checkedItem">
</td>
<td>{{ index + 1 }}</td>
</tr>
那么就会出现选一个选项而所有选项全部被选中的问题,下列写法不会出现上述问题
<tr v-for="(item,index) in list">
<td>
<input type="checkbox" :id="index" :value="item.id" v-model="checkedItem">
</td>
<td>{{ index + 1 }}</td>
</tr>
PS:一定不要忘了v-bind,bind是绑定 了动态数据,否则数据就是静态的
更多推荐
已为社区贡献3条内容
所有评论(0)