element关闭select下拉框，不清空搜索数据

可以通过设置 `clearable` 属性来实现关闭下拉框不清空搜索数据的效果。具体方法如下：

1. 在 `el-select` 标签上添加 `clearable` 属性：

<el-select v-model="value" clearable>
  <!-- options -->
</el-select>

2. 在 `el-select` 标签上添加 `@clear` 事件，该事件会在清空选项时触发：

<el-select v-model="value" clearable @clear="handleClear">
  <!-- options -->
</el-select>

3. 在 `handleClear` 方法中，手动将搜索关键字置为空字符串：

methods: {
  handleClear() {
    this.$refs.select.clearSearch();
  }
}

完整代码如下：

<template>
  <el-select v-model="value" clearable @clear="handleClear">
    <!-- options -->
  </el-select>
</template>
<script>
export default {
  data() {
    return {
      value: '',
    };
  },
  methods: {
    handleClear() {
      this.$refs.select.clearSearch();
    },
  },
};
</script>