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>