Vue中实现列表 checkbox 的双向绑定 及 初始化渲染
双向绑定可以绑定到同一个数组
Checked names: {{ checkedNames | json }}
【Vue中实现列表 checkbox 的双向绑定 及 初始化渲染】这样可以不做任何处理,获得所有checked的checkbox。
如果需要初始化渲染,一部分checkbox被预选中,v-model需要绑定一个boolen值checked:
new Vue({
el: 'body',
data: {
list: [
{checked:true,value:'a'},
{checked:false,value:'b'}
]
}
});
推荐阅读
- 热闹中的孤独
- Shell-Bash变量与运算符
- JS中的各种宽高度定义及其应用
- 2021-02-17|2021-02-17 小儿按摩膻中穴-舒缓咳嗽
- 深入理解Go之generate
- 异地恋中,逐渐适应一个人到底意味着什么()
- vue-cli|vue-cli 3.x vue.config.js 配置
- 我眼中的佛系经纪人
- 《魔法科高中的劣等生》第26卷(Invasion篇)发售
- “成长”读书社群招募