重點在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是綁定 了動態數據，否則數據就是靜態的

總結

以上是生活随笔為你收集整理的vue通过for循环生成的checkbox点击一个选中全部的问题的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。