Element——el-select多选器

在Vue.js中，使用Element UI库的el-select组件实现多选功能，你可以设置multiple属性来启用多选。以下是一个简单的例子：

<template>
  <el-select v-model="selectedValues" multiple placeholder="请选择">
    <el-option
      v-for="item in options"
      :key="item.value"
      :label="item.label"
      :value="item.value">
    </el-option>
  </el-select>
</template>
 
<script>
export default {
  data() {
    return {
      selectedValues: [], // 用于绑定选中的值
      options: [ // 下拉选项数据
        { value: 'option1', label: '选项1' },
        { value: 'option2', label: '选项2' },
        { value: 'option3', label: '选项3' },
        // ...更多选项
      ]
    };
  }
};
</script>

在这个例子中，el-select通过v-model绑定了selectedValues数组，这个数组会保存所有选中的值。el-option则通过循环渲染出所有下拉选项。用户可以通过点击或者按住Ctrl键(Windows)或Command键(macOS)进行多选。