elementUi中checkbox的属性indeterminate 状态和v-model的关系

Honoria ·
更新时间:2024-09-20
· 757 次阅读

华东

对于indeterminate和v-model绑定的hdIsIndeterminate和hdCheckAll的值

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

如果false true样式为√

如果false false样式为不勾

效果如下:

-1">{{item.label}}

禁止编辑的时候你需要考虑hdIsIndeterminate和hdCheckAll的值

handleCheckAllChange(val, key) { console.log(val, key, 'key') let arr = [] let all = [] this[key+'List'].map((v) => { all.push(v.pyCode) if (~this.disabledAreaConfig.indexOf(v.pyCode)) { arr.push(v.pyCode) } }) this[key+'CheckProvince'] = val ? all : arr let checkedCount = this[key+'CheckProvince'].length this[key+'CheckAll'] = checkedCount === this[key+'List'].length this[key+'IsIndeterminate'] = val ? false: arr.length > 0 && arr.length 0 && checkedCount < this[key+'List'].length console.log(this[key+'IsIndeterminate'], 'IsIndeterminate', this[key+'CheckAll']) },
作者:-Dayer-



model checkbox 关系

需要 登录 后方可回复, 如果你还没有账号请 注册新账号
相关文章