VUE——element checkbox(全选,半选,全不选)
官网实例:<template><el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox><div style="margin: 15px 0;"></div>...
·
官网实例:
<template>
<el-checkbox :indeterminate="isIndeterminate" v-model="checkAll" @change="handleCheckAllChange">全选</el-checkbox>
<div style="margin: 15px 0;"></div>
<el-checkbox-group v-model="checkedCities" @change="handleCheckedCitiesChange">
<el-checkbox v-for="city in cities" :label="city" :key="city">{{city}}</el-checkbox>
</el-checkbox-group>
</template>
有两个属性来控制全选这个checkbox:indeterminate和checkAll。
indeterminate为false,checkAll为false的时候,状态为未选中。
indeterminate为true,checkAll为false的时候,状态为半选中。
indeterminate为false,checkAll为true的时候,状态为全选中。
把全选框状态改为未选中状态,应该修改indeterminate和checkAll,均为false。
更多推荐
已为社区贡献16条内容
所有评论(0)