重点在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是绑定 了动态数据,否则数据就是静态的

Logo

前往低代码交流专区

更多推荐