el-checkbox-group 初始化赋值
时间: 2024-11-28 12:17:29 浏览: 5
el-checkbox-group 是 Element UI 提供的一个组件,用于创建一组互斥的复选框,用户可以选择其中的一项或多项。初始化赋值通常是在 Vue.js 中设置数据属性,然后将这个属性绑定到组件上。
例如,在 Vue 模板中,你可以这样做:
```html
<template>
<el-checkbox-group v-model="selectedOptions">
<el-checkbox label="Option 1" @change="handleChange"></el-checkbox>
<el-checkbox label="Option 2" @change="handleChange"></el-checkbox>
<!-- 更多选项... -->
</el-checkbox-group>
</template>
<script>
export default {
data() {
return {
selectedOptions: ['Option 1', 'Option 2'], // 这里就是初始选择的选项
};
},
methods: {
handleChange(value) {
console.log('Checkbox changed:', value);
},
},
};
</script>
```
在这里,`v-model="selectedOptions"` 将 `selectedOptions` 数据绑定到了 checkbox 组,当你改变选中的选项时,`handleChange` 方法会被触发。`selectedOptions` 的初始值就是用户看到已经勾选的选项。
阅读全文