官网实例:

<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。

Logo

前往低代码交流专区

更多推荐