Element UI v-for 多个 el-select 下拉选择框同步选择解决方案

可以通过绑定一个同步变量，然后在选择框的 change 事件中修改这个变量的值，从而实现多个选择框之间的同步选择。

例如，假设有两个 el-select 选择框，分别是 province 和 city：

<el-select v-model='selectedProvince' @change='onProvinceChange'>
  <el-option v-for='province in provinces' :key='province' :label='province' :value='province'></el-option>
</el-select>

<el-select v-model='selectedCity' @change='onCityChange'>
  <el-option v-for='city in cities' :key='city' :label='city' :value='city'></el-option>
</el-select>

其中，selectedProvince 和 selectedCity 是同步变量，provinces 和 cities 是选项列表。

然后在 methods 中定义 onProvinceChange 和 onCityChange 方法：

methods: {
  onProvinceChange() {
    // 根据选择的省份动态更新城市列表
    this.cities = getCitiesByProvince(this.selectedProvince);
    // 重置城市选择
    this.selectedCity = '';
  },
  onCityChange() {
    // 根据选择的城市更新其他数据
    // ...
  }
}

这样，在选择省份时会触发 onProvinceChange 方法，动态更新城市列表和重置城市选择；在选择城市时会触发 onCityChange 方法，根据选择的城市更新其他数据。通过这种方式可以实现多个选择框之间的同步选择。