vue2 多个select联动 需要回显数据

对于Vue2中的多个select联动，需要回显数据的话，可以考虑使用v-model指令来绑定选中的值，然后在mounted生命周期钩子中初始化选中的值。具体的实现可以参考下面的代码：

<template>
  <div>
    <select v-model="selectedValue1" @change="handleSelect1Change">
      <option value="">请选择</option>
      <option v-for="item in selectList1" :value="item.value">{{ item.label }}</option>
    </select>
    <select v-model="selectedValue2" @change="handleSelect2Change">
      <option value="">请选择</option>
      <option v-for="item in selectList2" :value="item.value">{{ item.label }}</option>
    </select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectList1: [
        {
          label: '选项1',
          value: '1'
        },
        {
          label: '选项2',
          value: '2'
        }
      ],
      selectList2: [
        {
          label: '选项A',
          value: 'A'
        },
        {
          label: '选项B',
          value: 'B'
        }
      ],
      selectedValue1: '',
      selectedValue2: ''
    }
  },
  mounted() {
    // 初始化选中的值
    this.selectedValue1 = '2';
    this.selectedValue2 = 'B';
  },
  methods: {
    handleSelect1Change() {
      // 处理select1的change事件
    },
    handleSelect2Change() {
      // 处理select2的change事件
    }
  }
}
</script>

在上面的代码中，我们使用了v-model指令来绑定选中的值，然后在mounted生命周期钩子中初始化了选中的值。当然，如果你需要回显数据，也可以在mounted生命周期钩子中从后台获取数据并更新选中的值。