el-checkbox点击全选后再点击单选功能错乱解决方法

el-checkbox点击全选后再点击单选全部被取消，再点击单选有全部被选中，有可能是你点击全选的时候赋值出错了，下面是解决方法！

el-checkbox多选、全选代码如下：

<el-checkbox-group v-model="rulesCheck" @change="handleCheckChange">
<el-checkbox 
  v-for="(item, index) in ruleBox.rulesList"
  :label="item" 
  :key="index" 
  style="width: 100%">{{ item }}
  </el-checkbox>
</el-checkbox-group>
<el-checkbox
  :indeterminate="isIndeterminate"
  v-model="checkAll"
  @change="handleCheckAllChange">全选
</el-checkbox>

js代码

handleCheckAllChange(val) {
  this.rulesCheck = val == true ? this.rulesList : [];
  this.isIndeterminate = false;
  
  //注意val不是选中的值，是boolean类型true/false；
  //this.rulesCheck放选中的数组，出现问题的同学有可能把val赋值到这里了；
  //this.rulesList是所有数据
},

以上是编程学习网小编为您介绍的“el-checkbox点击全选后再点击单选功能错乱解决方法”的全面内容，想了解更多关于 vuejs 内容，请继续关注编程基础学习网。