如何实现输入框支持长尾词查询并记录历史提问？

本文共计812个文字，预计阅读时间需要4分钟。

要求描述：在页面查询框中增加历史查找记录功能，实现及踩坑记录。使用Element UI，带输入建议的输入框来实现此需求。

实现步骤：

1.使用Element UI的`el-input`组件，并添加`v-model`绑定输入框的值。

2.为输入框添加`el-autocomplete`属性，并设置`fetch-suggestions`方法来处理输入建议。

3.在`fetch-suggestions`方法中，根据输入值查询历史记录，并返回匹配的建议列表。

4.在组件的`data`中添加历史记录数组，用于存储查询历史。

5.在查询框的`on-change`事件中，将当前查询值添加到历史记录数组中。

踩坑记录：

1.不能直接在`querySearch`方法中返回数组，需要调用一个函数来处理返回值。

2.使用Element UI的`el-autocomplete`时，需要确保`fetch-suggestions`方法的返回值符合预期格式。

用法详情见官网：[Element UI 官网](http://element.eleme.io/#/zh-CN)。