element-ui 多选下拉框

element-ui 提供了一个多选下拉框组件，可以通过使用 `<el-select>` 和 `<el-option>` 来实现。

首先，需要导入 element-ui 的相关组件和样式：

<template>
  <el-select v-model="selectedOptions" multiple>
    <el-option
      v-for="option in options"
      :key="option.value"
      :label="option.label"
      :value="option.value">
    </el-option>
  </el-select>
</template>

<script>
export default {
  data() {
    return {
      selectedOptions: [],
      options: [
        { label: '选项1', value: 'option1' },
        { label: '选项2', value: 'option2' },
        { label: '选项3', value: 'option3' },
        // 添加更多选项...
      ]
    };
  }
};
</script>

在上面的例子中，`selectedOptions` 是一个绑定到 `v-model` 的数组，用于存储用户选择的选项值。`options` 是一个包含所有可选项的数组，每个选项都有一个 `label` 和 `value` 属性。

通过设置 `<el-select>` 的 `multiple` 属性为 true，即可实现多选功能。

你可以根据实际需求修改选项的内容和样式，以及处理用户选择的选项。