vue 两个select联动第一个select切换选项后第二个select选择框显示空点击后显示该select框的选项该怎么做

要实现两个select联动的功能，可以使用Vue的v-model指令和watch监听器来实现。

首先，在Vue实例的data属性中定义两个变量，用来绑定select的选中值：

data() {
  return {
    firstSelect: '',
    secondSelect: '',
    // 其他数据...
  }
}

然后，在模板中使用v-model指令将select和数据进行绑定：

<select v-model="firstSelect" @change="updateSecondSelect">
  <!-- 第一个select的选项 -->
</select>

<select v-model="secondSelect">
  <!-- 第二个select的选项 -->
</select>

接下来，定义一个方法updateSecondSelect，在第一个select的选中值发生改变时调用该方法，用来更新第二个select的选项：

methods: {
  updateSecondSelect() {
    // 根据第一个select的选中值，更新第二个select的选项
    // 这里可以根据具体的需求进行数据处理，例如从API获取数据等
  }
}

最后，使用watch监听器来监测第一个select的选中值的变化，当其发生改变时，调用updateSecondSelect方法：

watch: {
  firstSelect: function(newVal, oldVal) {
    this.updateSecondSelect();
  }
}

这样，当第一个select的选中值发生改变时，会自动调用updateSecondSelect方法来更新第二个select的选项