通过vuejs中另一个select的值从select获取数据

<select v-model="selectedOption1">
  <option value="option1">Option 1</option>
  <option value="option2">Option 2</option>
</select>

<select v-model="selectedOption2">
  <option value="option3">Option 3</option>
  <option value="option4">Option 4</option>
</select>

data() {
  return {
    selectedOption1: '',
    selectedOption2: '',
    // 其他数据属性
  }
},

watch: {
  selectedOption1(newVal) {
    // 根据第一个select的值更新第二个select的选项
    if (newVal === 'option1') {
      this.selectedOption2 = 'option3';
    } else if (newVal === 'option2') {
      this.selectedOption2 = 'option4';
    }
  }
}

<div>{{ getData(selectedOption2) }}</div>

methods: {
  getData(selectedOption2) {
    // 根据第二个select的值获取数据
    // 调用后端API或从本地数据源获取数据
  }
}