举个使用vuejs el-checkbox-group 批量选中一组checkbox
时间: 2023-03-27 13:02:01 浏览: 98
可以使用以下代码实现:
1. 在 data 中定义一个数组,用于存储选中的值:
```
data() {
return {
checkedList: []
}
}
```
2. 在 el-checkbox-group 中绑定 v-model 到 checkedList:
```
<el-checkbox-group v-model="checkedList">
<el-checkbox label="选项1"></el-checkbox>
<el-checkbox label="选项2"></el-checkbox>
<el-checkbox label="选项3"></el-checkbox>
</el-checkbox-group>
```
3. 在全选按钮的点击事件中,将所有选项的值添加到 checkedList 中:
```
selectAll() {
this.checkedList = ['选项1', '选项2', '选项3']
}
```
4. 在取消全选按钮的点击事件中,将 checkedList 清空:
```
cancelSelectAll() {
this.checkedList = []
}
```