VUE——element checkbox（全选，半选，全不选）

本文主要是介绍VUE——element checkbox（全选，半选，全不选），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

官网实例：

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

这篇关于VUE——element checkbox（全选，半选，全不选）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---