el-autocomplete使用clearable造成远程搜索不显示问题解决

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
  clearable
></el-autocomplete>

使用基础用法，如上时，会存在下拉框不跟随输入框滚动的情况，添加“popper-append-to-body” 即可解决不跟随滚动的问题，

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
  clearable
  :popper-append-to-body="false"
></el-autocomplete>

但会出现点击清除图标，再输入数据，远程搜索数据下拉框不显示，可采用添加“trigger-on-focus” 和“v-get-selected-value”属性解决问题

<el-autocomplete
  v-model="state"
  :fetch-suggestions="querySearchAsync"
  placeholder="请输入内容"
  @select="handleSelect"
  clearable
  :popper-append-to-body="false"
  :trigger-on-focus="false"
  v-get-selected-value
></el-autocomplete>