点击el-checkbox-group中的复选框,更改自身属性
时间: 2023-10-19 14:23:34 浏览: 129
checkbox实现复选框
可以使用v-model绑定el-checkbox-group的选中值来实现复选框的选中状态变化,例如:
```
<template>
<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>
</template>
<script>
export default {
data() {
return {
checkedList: []
};
}
};
</script>
```
以上代码中,选中的复选框的值会被保存在checkedList数组中。如果想动态改变某个复选框的选中状态,需要在相应的事件中修改checkedList的值即可。
阅读全文