技術標籤：elementUIvue.jselementui

要實現如下控制全選按鈕的狀態：



需要兩個變數進行控制：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