el-checkbox-group 不回显
时间: 2024-09-14 20:00:54 浏览: 63
element-ui CheckBox全选.txt
`el-checkbox-group` 是 Element UI 中的一个组件,用于创建一系列互斥的复选框组。当数据绑定到这个组件时,如果希望它能显示之前的选择状态(即回显),你需要确保在初始化时将 `v-model` 绑定的数据设置为你期望的状态。
例如,如果你的数据结构如下:
```javascript
data() {
return {
checkedOptions: [true, false] // 这是你想要回显的选中状态
};
}
```
然后在模板中使用:
```html
<el-checkbox-group v-model="checkedOptions">
<el-checkbox label="Option 1" :key="0"></el-checkbox>
<el-checkbox label="Option 2" :key="1"></el-checkbox>
</el-checkbox-group>
```
确保在组件实例化后,`checkedOptions` 对应的选项会被勾选。
如果回显有问题,检查以下几点:
1. 数据源是否正确同步到了 `v-model` 上;
2. 确保`label` 和 `value` 的对应关系正确,Vue 需要它们一致才能正确地更新复选框状态;
3. 检查是否有其他地方的代码干扰了复选框的初始状态。
阅读全文