项目中,需要动态循环 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

Logo

前往低代码交流专区

更多推荐