iview的checkGroup的onchange方法传入多个参数

最新推荐文章于 2023-04-02 03:11:42 发布

原创最新推荐文章于 2023-04-02 03:11:42 发布 · 4.5k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#onchange #checkgroup

本文探讨了在使用CheckboxGroup组件时如何实现全选框的状态同步。通过监听CheckboxGroup的改变事件，根据选中项数量调整全选框的indeterminate和checkAll属性，确保全选框准确反映子选项的状态。

<CheckboxGroup v-model="checkAllGroup" @on-change="checked=>checkAllGroupChange(checked,fItem)">

</CheckboxGroup>

checkAllGroupChange (data,obj) {
  //console.log('第一个：--',obj)
 // console.log('选中：--',data)
  if (data.length === obj.fanctionInfo.length) {
    obj.indeterminate = false;
    obj.checkAll = true;
  } else if (data.length > 0) {
    obj.indeterminate = true;
    obj.checkAll = false;
  } else {
    obj.indeterminate = false;
    obj.checkAll = false;
  }
},