el-select控制另一个el-select单双选

您好，el-select 可以通过设置 multiple 属性来实现单选或多选，当 multiple 属性值为 true 时，el-select 就会变成多选，否则就是单选。如果您想让一个 el-select 控制另一个 el-select 的单选或多选，可以通过监听第一个 el-select 的 change 事件，在事件处理函数中动态修改第二个 el-select 的 multiple 属性值即可。

以下是示例代码：

<template>
  <div>
    <el-select v-model="selectedValue" @change="handleSelectChange">
      <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
    <el-select v-model="selectedValue2" :multiple="isMultiple">
      <el-option v-for="item in options2" :key="item.value" :label="item.label" :value="item.value"></el-option>
    </el-select>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectedValue: '',
      selectedValue2: [],
      isMultiple: false,
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' }
      ],
      options2: [
        { label: '选项A', value: 'optionA' },
        { label: '选项B', value: 'optionB' },
        { label: '选项C', value: 'optionC' }
      ]
    }
  },
  methods: {
    handleSelectChange(value) {
      // 判断是否选择了某个选项，再动态设置 multiple 属性值
      this.isMultiple = value === 'option1'
    }
  }
}
</script>

在上述示例代码中，第一个 el-select 控制第二个 el-select 的单选或多选，当第一个 el-select 选择了“选项1”时，第二个 el-select 就会变成多选，否则就是单选。