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'} ] } });


    推荐阅读