el-select 可多选 可清空

`el-select` 是 Element UI（一套基于 Vue.js 的开源 UI 组件库）中的一个下拉选择组件，它支持单选或多选模式。如果你想让它实现可多选和可清空的功能，你可以按照以下步骤配置：

1. **启用多选模式**:
在 `el-select` 标签中，添加 `multiple` 属性，如：

   <el-select multiple placeholder="请选择" @change="handleSelectChange">
     <!-- 选项列表 -->
   </el-select>

`placeholder` 属性定义了下拉框未选中时的提示文字。

2. **清空选项**:
当你想要让用户清空已选择的选项，可以通过提供一个特殊的 `clear` 或者 `remove-all` 选项，并在 `handleSelectChange` 方法中处理。比如：

   <el-option label="清除所有" value="" disabled></el-option>

在 `handleSelectChange` 函数里，当用户选择这个“清除”选项时，你需要清除选定值：

   handleSelectChange(val) {
     if (val === "") { // 假设用户选择了 "清除所有"
       this.selectedOptions = []; // 清空 selectedOptions 列表
     } else {
       this.selectedOptions = val; // 正常选择项的操作
     }
   }

`selectedOptions` 是一个保存选中项的数组。