el-checkbox一开始就是全选样式
时间: 2023-07-18 17:47:25 浏览: 66
checkBox全选
4星 · 用户满意度95%
你可以通过设置 `v-model` 绑定一个变量来控制 `el-checkbox` 是否被选中。如果你想要一开始就是全选状态,只需要将绑定的变量设置为 `true` 即可。例如:
```html
<template>
<div>
<el-checkbox v-model="isChecked">全选</el-checkbox>
</div>
</template>
<script>
export default {
data() {
return {
isChecked: true, // 初始状态为选中
}
},
}
</script>
```
这样,`el-checkbox` 就会一开始就是被选中的状态。如果你想要取消全选,只需要将 `isChecked` 的值设置为 `false` 即可。
阅读全文