解决elment-ui输入框清空按钮导致输入建议(匹配输入建议)消失的问题

话不多说，直接上代码

标红部分，就是解决这一问题所需的代码

<el-autocomplete

        ref="searchName"

         v-model="searchName"

        :trigger-on-focus="false"

        :fetch-suggestions="querySearchPersonNameAsync"

        clearable

        @clear="blurForBug()"

        @select="onSelect"

  />

Js部分

  /**

     * 输入框清空事件 - 解决输入框清空时，输入建议失效

     */

    blurForBug() {

              // 获取输入框节点，并使其失去焦点

              this.$refs.searchName.$refs.input.blur()

              // 触发屏幕点击事件，防止焦点冲突

              document.body.click()

              // 重新使输入框获得焦点。避免用户清空后需要重新点击输入框-改善体验

              this.$refs.searchName.$refs.input.focus()

    }

至此，问题已经解决。人和人的体质不能一概而论，所以遇到的问题也都不一样，如果解决了你的疑问，记得留言说一声 ：“谢谢大大怪”