Vue中使用v-for绑定多组复选框和单选框

## Vue 中 `v-for` 渲染多组复选框,

1、要用v-for绑定多组复选框，首先v-for绑定的数据一定是一个动态的。比如我用了一个数组qitem[doneNum].body ,doneNum是动态变化的。

2、input类型为checkbox 的标签上的v-model绑定了option.checked ,这个属性在qitem的body中是没有的。他会创建并这个属性（这个属性是一个布尔值）绑定到这个值上。当第一次点击的，创建这个属性，并且为true，再次点击变成false 。

3、然后通过 getchecked(option) ，传入数据。在函数内做判断，取出被选中的选项即可。

## Vue 中 `v-for` 渲染多组单选框,

单选框就不存在绑定数据是布尔值的情况了，取下标就好了。

转载于:https://www.cnblogs.com/linququ/p/9371846.html

版权声明：本文来源CSDN，感谢博主原创文章，遵循 CC 4.0 by-sa 版权协议，转载请附上原文出处链接和本声明。
原文链接：https://blog.csdn.net/weixin_30466953/article/details/95265618
站方申明：本站部分内容来自社区用户分享，若涉及侵权，请联系站方删除。

发表于 2020-03-01 21:39:07
阅读 ( 2400 )
分类：前端