如何让Vue输入框支持长尾词搜索并自动记录历史疑问？
- 内容介绍
- 文章标签
- 相关推荐
本文共计1414个文字，预计阅读时间需要6分钟。
使用Vue实现搜索显示历史搜索记录，采用插件good-storage。安装插件：`npm install good-storage -S`。在本地新建`cache.js`文件，处理本地存储逻辑（缓存至本地，最多存储15条数据，并更新插件）。
vue实现搜索显示历史搜索记录,采用插件-good-storage
安装插件
npm install good-storage -S
在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到当前的存储数据情况，将关键字存到数组中，判断如果数组中有相同的数据，则把重复的数据删除，将新的关键字存入到前面)
cache.js 文件中的代码如下
/*把搜索的结果保存下来*/ /*用export把方法暴露出来*/ /*定义存储搜索的key _search_定义内部使用的key*/ const SEARCH_KEY='_search_' const SEARCH_MAX_LENGTH=15 /*插入方法 arr存储的数据 val传入存储的值 compare前后比较的函数 maxlen存入的最大值*/ function insertArray(arr,val,compare,maxlen){ //findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。
本文共计1414个文字，预计阅读时间需要6分钟。
使用Vue实现搜索显示历史搜索记录，采用插件good-storage。安装插件：`npm install good-storage -S`。在本地新建`cache.js`文件，处理本地存储逻辑（缓存至本地，最多存储15条数据，并更新插件）。
vue实现搜索显示历史搜索记录,采用插件-good-storage
安装插件
npm install good-storage -S
在本地新建cache.js文件,该文件是关于本地存储的逻辑处理(缓存到本地的数据最大缓存15条，并且新的插入在第一位，首先得到当前的存储数据情况，将关键字存到数组中，判断如果数组中有相同的数据，则把重复的数据删除，将新的关键字存入到前面)
cache.js 文件中的代码如下
/*把搜索的结果保存下来*/ /*用export把方法暴露出来*/ /*定义存储搜索的key _search_定义内部使用的key*/ const SEARCH_KEY='_search_' const SEARCH_MAX_LENGTH=15 /*插入方法 arr存储的数据 val传入存储的值 compare前后比较的函数 maxlen存入的最大值*/ function insertArray(arr,val,compare,maxlen){ //findIndex()函数也是查找目标元素，找到就返回元素的位置，找不到就返回-1。