vue搜索框历史记录实现
搜索框展示搜索记录，展示内容限制十条，可点击搜索，可单条随意删除删除，求解答
用户每次搜索后，可以将用户搜索的内容存在浏览器本地
文本框获取焦点，从浏览器本地获取用户的搜索记录，展示出来
清除某条搜索记录，只需要删除浏览器本地某条数据就行了
参考如下 并且同时你也可以自定义对应的item项，你可以加一个x图标 设置对应的点击事件，抓取当前历史记录 然后删除即可
原理楼上说的很清楚了，建议找找插件，使用起来会简单一点，你可以看看csdn 的搜索框
另一种思路，走api接口，用户输入‘快乐水’，下面会自动返回‘快乐水’相关的十条记录，前台展示就可以，其他功能你看着添加，这种相对智能一点，带联想补全功能，用户体验比较好
还是上面那句话，不建议造轮子，去github找找自行车，直接骑
简单的说，就是每次搜索后，将搜索的文字，url，组成一个对象存到本地浏览器的缓存里，组件被加载的时候，读取一下本地缓存里的数据，然后v-for数据组成dom，因为有url，所以点击的时候就可以直接调用这个url作为链接打开浏览器的页签了
- 用本地 存储
- 后台接口 做个 记录，每次搜索 生成一个 记录 比如： 搜索时间 ，搜索内容 ，等等
然后 获取到 渲染出来