Vue.js 中 v-for 循环多个 el-select 实现同步选择

在 Vue.js 中，使用 v-for 循环多个 el-select 时，如果需要实现下拉选择框的同步选择，可以使用 v-model 指令来绑定一个共同的数据属性，然后在每个 el-select 中使用该属性作为 v-model 的值。这样，当一个下拉选择框的值改变时，其他下拉选择框的值也会随之改变。

例如，假设需要遍历两个 el-select 下拉选择框，可以这样实现：

<template>
  <div>
    <el-select v-model='selected' placeholder='请选择'>
      <el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
    </el-select>
    <el-select v-model='selected' placeholder='请选择'>
      <el-option v-for='item in options' :key='item.value' :label='item.label' :value='item.value'></el-option>
    </el-select>
  </div>
</template>

<script>
  export default {
    data() {
      return {
        selected: '',
        options: [
          { value: 'option1', label: '选项一' },
          { value: 'option2', label: '选项二' },
          { value: 'option3', label: '选项三' }
        ]
      };
    }
  };
</script>

在上面的代码中，我们使用了一个共同的数据属性 selected 来绑定两个 el-select 下拉选择框的 v-model 指令。这样，当一个下拉选择框的值改变时，另一个下拉选择框的值也会随之改变。