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

 

转载于:https://www.cnblogs.com/xf-zhao/p/9456262.html