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）。