el-checkbox-group的回显是如何实现的?
时间: 2024-05-20 10:07:40 浏览: 234
el-checkbox:具有纯CSS3广播的UI库,可进行检查,切换
el-checkbox-group的回显是通过v-model指令来实现的。当你在el-checkbox-group中选择了一些选项时,v-model绑定的数据会自动更新为选中的值。当你需要回显已选中的选项时,只需要将对应的值赋给v-model绑定的数据即可。
例如,如果你有一个el-checkbox-group,其中有三个选项A、B、C,你想要回显选中了A和B两个选项,你可以将一个包含A和B的数组赋给v-model绑定的数据。
示例代码如下:
```
<template>
<el-checkbox-group v-model="selectedOptions">
<el-checkbox label="A"></el-checkbox>
<el-checkbox label="B"></el-checkbox>
<el-checkbox label="C"></el-checkbox>
</el-checkbox-group>
</template>
<script>
export default {
data() {
return {
selectedOptions: ['A', 'B']
};
}
};
</script>
```
这样,当页面加载时,A和B两个选项会被回显为选中状态。
阅读全文