el-select 多选清空

`el-select` 是 Element UI 中的一个下拉选择组件，支持多选功能。如果你想实现清空多选选项的功能，你可以使用 `clearSelection` 方法。这个方法会清除当前选中的所有选项。

以下是使用步骤：

1. 首先，你需要在 `el-select` 组件上绑定 `value` 和 `clearable` 属性，`value` 用于存储选中的值，`clearable` 设置为 `true` 则显示清除按钮：

<el-select
  v-model="selectedValues"
  clearable
>
  <!-- 选项列表 -->
</el-select>

2. 在你的 Vue 实例中，定义 `selectedValues` 数组来跟踪选中的值：

data() {
  return {
    selectedValues: [], // 初始化为空数组
  };
},

3. 当用户点击清除按钮时，调用 `clearSelection` 方法：

methods: {
  handleClear() {
    this.selectedValues = []; // 清空选中的值
  },
}

4. 可以将 `handleClear` 方法绑定到清除按钮的点击事件或者自定义的清除逻辑上：

<template>
  <el-select
    v-model="selectedValues"
    clearable
    @clear="handleClear"
  >
    <!-- 选项列表 -->
  </el-select>
</template>