不使用el-checkbox-group呢
时间: 2023-12-20 16:30:07 浏览: 168
不使用el-checkbox-group时,可以使用多个独立的el-checkbox来实现类似的功能。每个el-checkbox都有自己的v-model来控制是否选中,然后在change事件中根据选中情况来进行相应的操作。以下是一个示例代码:
```html
<template>
<div>
<el-checkbox v-model="checkedList1" @change="handleChange(1)">
选项1
</el-checkbox>
<div v-show="checkedList1">
选项1的内容
</div>
<el-checkbox v-model="checkedList2" @change="handleChange(2)">
选项2
</el-checkbox>
<div v-show="checkedList2">
选项2的内容
</div>
</div>
</template>
<script>
export default {
data() {
return {
checkedList1: false,
checkedList2: false
};
},
methods: {
handleChange(index) {
if (index === 1) {
// 选项1的操作
} else if (index === 2) {
// 选项2的操作
}
}
}
};
</script>
```
阅读全文