iview 可以选择当天 禁用_iview中checkbox混合了disabled的选项时取消全选时保留disabled禁用选项...

为了演示先将苹果选项disabled

:indeterminate="indeterminate"

:value="checkAll"

@click.prevent.native="handleCheckAll">全选

export default {

data () {

return {

indeterminate: true,

checkAll: false,

checkAllGroup: ['苹果']

}

},

methods: {

handleCheckAll () {

if (this.indeterminate) {

this.checkAll = false;

} else {

this.checkAll = !this.checkAll;

}

this.indeterminate = false;

if (this.checkAll) {

// 勾选全部按钮：这里获取全部的值 只做演示

this.checkAllGroup = ['香蕉', '苹果', '西瓜'];

} else {

// 取消勾选全部按钮：这里就是disabled的选项值

this.checkAllGroup = ['苹果'];

}

},

checkAllGroupChange (data) {

if (data.length === 3) {

this.indeterminate = false;

this.checkAll = true;

} else if (data.length > 0) {

this.indeterminate = true;

this.checkAll = false;

} else {

this.indeterminate = false;

this.checkAll = false;

}

}

}

}

自己工作学习记录，仅供参考。

标签：选项,checkAll,checkbox,false,indeterminate,else,disabled,data

来源： https://blog.csdn.net/wangping146/article/details/86623785