element el-checkbox控制全选按钮选中各种状态_el-checkbox如何通过外部变量控制勾选状态

要实现如下控制全选按钮的状态：



需要两个变量进行控制：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>
1
2
3
4
5

未选中：

checkAll--false  
isIndeterminate--false 
1
2

半选中：

checkAll--false  
isIndeterminate--true 
1
2

全选中：

checkAll--true   
isIndeterminate--false 
1
2