在 Element (Vue) Autocomplete 中选择后保留下拉列表

如何解决在 Element (Vue) Autocomplete 中选择后保留下拉列表

我正在为我的项目使用 Element。 当我使用自动完成输入时，我希望在选择元素时保持下拉菜单不变，并且只在模糊时隐藏它。谁能帮我？ https://element.eleme.io/#/en-US/component/input

解决方法

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

此处是元素源中的代码始终关闭选择时的自动填充：

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 . 注册修改后的组件。