vue v-for循環checkbox存在的問題

項目中，須要動態循環 checkbox(也就是多選框)。

<span v-for="(item, index) in data">
    <input type="checkbox">單選
</span>　　　

　　像這種狀況，會觸發點擊多選框出現 ‘選不中’ 獲取 ‘取消不了’。

查閱資料，不少人沒有發現此類問題，後來想到了官網上的 v-for 循環必定加上 :key屬性，按照官網解決，若是不加的話，是按照 ‘就地複用’ 的策略。（主要仍是提升性能，去學習這個問題）。

<span v-for="(item, index) in data" ：key="index">
    <input type="checkbox">單選
</span>　　　　　

　　按照這種寫法，上面的BUG解決掉了，不加 :key確定是錯誤的寫法，不過也知道了一個BUG所在。

 

（雖然這個BUG是我本身形成的，emmmmmmm）。