要实现如下控制全选按钮的状态:
需要两个变量进行控制:el-checkbox内的indeterminate和v-model所绑定的值。
例:
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="checkAllChange">
{{userListArr.length}}/{{userList.length}}
<span v-show="userListArr.length==0">全选</span>
<span v-show="userListArr.length>0">已选</span>
</el-checkbox>
未选中:
checkAll--false
isIndeterminate--false
半选中:
checkAll--false
isIndeterminate--true
全选中:
checkAll--true
isIndeterminate--false