在元素（Vue）自动完成中选择后保持下拉列表

Question

我正在为我的项目使用 Element。当我使用 Autocomplete Input 时，我想在选择一个元素时保持下拉列表完整，只有在模糊时才隐藏它。谁能帮我？ https://element.eleme.io/#/en-US/component/input

Answer 1

如果不分叉库或编写自己的组件，就没有合理的方法可以做到这一点。

这是元素源代码中的代码，它总是在选择一个选项时关闭自动完成：

select(item) {
  this.$emit('input', item[this.valueKey]);
  this.$emit('select', item);
  this.$nextTick(_ => {
    this.suggestions = []; // This will always close the suggestions tooltip
    this.highlightedIndex = -1;
  });
}

Source.

如果您不想分叉整个库，而是单独导入组件，您可以 1. 导入 el-autocomplete 组件，2. 覆盖 select 方法, 3.注册修改后的组件

在元素（Vue）自动完成中选择后保持下拉列表

Keep the dropdown down after selected in Element (Vue) Autocomplete

vue.js

autocomplete

element