element-ui中的el-select多选的时候能够进行选项的互斥吗？

Question

el-select进行多选然后显示在输入框中，但是options有好几种，其中包括“开启/关闭”,因此开启关闭不能同时被选中，想问问有什么什么可以进行判断的？

Answer 1

 <el-select v-model="value11" multiple  placeholder="请选择" @change="selectedChange">
        <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"/>
      </el-select>
      
  data() {
return { 
     options: [{
      value: '开启',
      label: '开启'
    }, {
      value: '关闭',
      label: '关闭'
    }, {
      value: '选项3',
      label: '蚵仔煎'
    }, {
      value: '选项4',
      label: '龙须面'
    }, {
      value: '选项5',
      label: '北京烤鸭'
    }],
    value11: []
      }
              
selectedChange(val) {
  debugger;
  if(val[val.length -1] == '开启' && this.value11.indexOf('关闭') > -1 ){
  this.value11.pop()
      return; 
  }else if(val[val.length -1 ] == '关闭' && this.value11.indexOf('开启') > -1){
    this.value11.pop()
    return
  }
}
              

监听select的change事件，在change里面做判断。仅供参考