v-show和watch监听配合

一、先看效果

监听转出为a的时候，转入只能是b/c

监听转出为b/c的时候，转入只能为a

二、实现代码

//template
<div>
        <span>转出：</span>
        <select v-model="eduTypeOut">
          <option value="a">a</option>
          <option value="b">b</option>
          <option value="c">c</option>
        </select>
      </div>
      <div>
        <span>转入：</span>
        <select class="eduSelect" v-model="eduTypeIn">
          <option v-show="eduTypeOut!='a'" value="a">a</option>
          <option v-show="eduTypeOut=='a'" value="b">b</option>
          <option v-show="eduTypeOut=='a'" value="c">c</option>
        </select>
      </div>

export default {
  data() {
    return {
      eduTypeOut: "a", //转出
      eduTypeIn: "a" //转入
    };
  },
watch: {
    // 监听转出选择
    eduTypeOut(val) {
      if (val=='a') {
        this.eduTypeIn = 'b';
      }else{
        this.eduTypeIn = 'a';
      }
    }
  }
}