reserve-keyword

reserve-keyword是el-select标签的一个重要配置项，用于在支持搜索和多选的情况下，选中一个选项后保留当前的搜索关键词。

在1.x.x版本的el-select中，如果输入搜索关键字并选中一个选项，当前的搜索关键词会被保留下来，这可能不是客户所期望的效果。如果不希望出现这种情况，可以在代码中将reserve-keyword设置为false。

以下是一个示例代码，展示了如何在el-select中使用reserve-keyword配置项：

<template>
  <el-select v-model="value" filterable placeholder="请选择" multiple :reserve-keyword="true">
    <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value"></el-option>
  </el-select>
</template>

<script>
export default {
  name: "App",
  components: {
    // HelloWorld
  },
  data() {
    return {
      options: [
        { value: "选项1", label: "黄金糕" },
        { value: "选项2", label: "黄金糕双皮奶" },
        { value: "选项3", label: "蚵仔煎" },
        { value: "选项4", label: "黄金糕龙须面" },
        { value: "选项5", label: "北京烤鸭" },
      ],
      value: "",
    };
  },
};
</script>

在以上代码中，通过将reserve-keyword设置为true，可以实现在多选且可搜索的情况下，选中一个选项后保留当前的搜索关键词。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [element ui: 实现el-select多选加搜索框](https://blog.csdn.net/qq_43016941/article/details/125994877)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [el-select 1.4.x版本实现2.x.x版本的reserve-keyword功能](https://blog.csdn.net/diaobiteng1128/article/details/101957932)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]