el-checkbox-group回显
时间: 2023-10-08 09:11:56 浏览: 143
ext checkboxgroup 回填数据解决
el-checkbox-group 组件通过 v-model 控制选中的值,若需要回显数据,只需将要回显的值通过 v-model 绑定到 el-checkbox-group 上即可。例如:
```
<template>
<div>
<el-checkbox-group v-model="checkedCities">
<el-checkbox label="北京"></el-checkbox>
<el-checkbox label="上海"></el-checkbox>
<el-checkbox label="广州"></el-checkbox>
<el-checkbox label="深圳"></el-checkbox>
</el-checkbox-group>
</div>
</template>
<script>
export default {
data() {
return {
checkedCities: ['北京', '上海'] // 默认选中北京和上海
};
}
};
</script>
```
在上面的示例中,`checkedCities` 数组就是要回显的数据,通过 v-model 双向绑定到 el-checkbox-group 组件上,当 el-checkbox-group 内的复选框选中状态发生变化时,`checkedCities` 数组也会相应更新。
阅读全文