阅读数:147 评论数:0

一、问题描述

点击清空按钮clearable之后，如果输入框已经是聚集状态，再次输入时建议框不显示。

原因：

组件在执行清除事件时，将activated置为false。当querySearch执行成功，activated仍为false，所以下拉框不显示。

二、解决

1、添加一个ref属性

<el-autocomplete
  ref="autocomplete"
  v-model="inputValue"
  :fetch-suggestions="querySearch"
  placeholder="输入代码"
  :trigger-on-focus="false"
  @keyup.enter.native="search"
  @select="handleSelect"
  @clear="clickClearable"
  clearable
>

2、添加@clear=clickClearable事件

3、修改activated为true

clickClearable() {
 this.$refs.autocomplete.activated = true;
}