<el-checkbox class="ml15 mb10"
:indeterminate="isIndeterminate"
v-model="checkAll"
@change="handleCheckAllChange">全选</el-checkbox>
<el-checkbox-group
v-infinite-scroll="loadMore"
infinite-scroll-disabled="loadFinish"
class="user-list"
v-model="checkList"
@change="handleChangeUser">
<el-checkbox class="item" :label="item.id" v-for="item in userData" :key="item.id">
</el-checkbox>
</el-checkbox-group>
handleChangeUser (value) {
this.checkAll = this.checkList.length === this.totalCount // 重点 数据是分页的
this.isIndeterminate = this.checkList.length > 0 && !this.checkAll// 重点
},
element多选框 全选功能 判断是否全选
最新推荐文章于 2024-04-03 06:46:14 发布