ELement-ui checkbox

315 阅读1分钟

ElementUI checkbox组件中的indeterminate 状态

<el-checkbox :indeterminate="isCheck" v-model="allCheck">全选</el-checkbox>

checkbox有三种状态全选(显示的'√'),选中部分(显示的'-'),全不选(啥都没显示)

对于indeterminate和v-model绑定的isCheck和allCheck的值

如果true true 或者 true false样式为-

如果false true样式为√

如果false false样式为不勾

if (this.rightCheckItems.length > 0) {
        if (this.rightCheckItems.length == this.checkedRightData.length) {
          this.checkrightAll = true;
          this.isrightIndeterminate = false;
        } else {
          this.checkrightAll = false;
          this.isrightIndeterminate = true;
        }
      } else {
        this.checkrightAll = false;
        this.isrightIndeterminate = false;
      }