登录/注册
开开
9779
占位
8
占位
12
浏览量
占位
粉丝
占位
关注
Iview checkbox组件按照条件一方勾选了再勾选另外的,那么之前勾选的就要取消
开开
2020-05-20 15:17:52 2020-05-20
213
0
<template>
<CheckboxGroup v-model="disabledGroup" @on-change="changeHandle">
<Checkbox label="香蕉"></Checkbox>
<Checkbox label="苹果"></Checkbox>
<Checkbox label="西瓜"></Checkbox>
</CheckboxGroup>
</template>
<script>
export default {
data () {
return {
disabledGroup: ['苹果']
}
},
created(){
this.disabledGroup = ['香蕉']
},
methods:{
changeHandle(arr){
let len = arr.length;
if(this.disabledGroup[len-1] ==='苹果' || this.disabledGroup[len-1] ==='西瓜'){
for(let i =0; i< len; i++){
if(this.disabledGroup[i] === '香蕉'){
this.disabledGroup.splice(i,1);
}
}
}
else{
this.disabledGroup = [];
this.disabledGroup = ['香蕉'];
}
}
}
}
</script>
暂无评论