el-select 的数量不固定如何解决

对于数量不固定的 el-select，你可以通过动态生成 el-select 组件来解决。以下是一个示例的解决方案：

1. 在数据中定义一个数组，用于存储 el-select 组件的选项。
2. 使用 v-for 循环遍历数组，在模板中动态生成多个 el-select 组件。
3. 为每个 el-select 组件绑定一个唯一的 key 值，以便 Vue.js 正确地跟踪每个组件的状态。
4. 根据需要，可以使用 v-model 来绑定每个 el-select 组件的值。
5. 可以通过添加按钮或其他操作来动态地增加或删除 el-select 组件。

以下是一个简单的示例代码：

<template>
  <div>
    <button @click="addSelect">Add Select</button>
    <div v-for="item in selectOptions" :key="item.id">
      <el-select v-model="item.value">
        <el-option
          v-for="option in options"
          :key="option.value"
          :label="option.label"
          :value="option.value"
        ></el-option>
      </el-select>
      <button @click="removeSelect(item.id)">Remove</button>
    </div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      selectOptions: [],
      options: [
        { label: 'Option 1', value: 'option1' },
        { label: 'Option 2', value: 'option2' },
        { label: 'Option 3', value: 'option3' },
      ],
      idCounter: 0,
    }
  },
  methods: {
    addSelect() {
      this.selectOptions.push({
        id: this.idCounter++,
        value: '',
      })
    },
    removeSelect(id) {
      this.selectOptions = this.selectOptions.filter((item) => item.id !== id)
    },
  },
}
</script>

在上面的示例中，点击 "Add Select" 按钮可以动态添加 el-select 组件，每个组件都有一个对应的 "Remove" 按钮，点击该按钮可以删除对应的 el-select 组件。

你可以根据实际需求进行修改和扩展，例如添加默认选项、限制 el-select 数量等。