需求:checkbox-group默认全部选中
html部分如下:
<a-checkbox-group v-model="formPopover.checkedList" @change="onChangeChecked">
<a-row :gutter="[16, 16]" style="width:540px;">
<a-col :span="12" v-for="item in checkboxTitle" :key="item.dataIndex">
<a-checkbox :value="item">
<a-input v-model="item.title"/>
</a-checkbox>
</a-col>
</a-row>
</a-checkbox-group>
js部分如下:
data() {
formPopover: {
checkedList: [] // 联动标题
},
checkboxTitle: [
{
title: '姓名'
},
{
title: '年龄'
},
{
title: '地址'
},
{
title: '标签'
}
]
},
created() {
// 默认全部选中
this.formPopover.checkedList = this.checkboxTitle
},
methods: {
// checked的选中项
onChangeChecked(checkedValues) {
this.$emit('changeByChecked', checkedValues)
}
}
最终效果如图: