前端如何实现搜索记录展示以及清楚历史搜索记录

</li>

</ul>

</div>

mounted() {

if (JSON.parse(localStorage.getItem("historyList"))) {

this.historyList = JSON.parse(localStorage.getItem("historyList"));

}

点击搜索调下边这个方法

hostoryfilter(){

if (this.input == "") {

// this.$toast('请输入搜索内容');

return false;

} else {

// 没有搜索记录，把搜索值push进数组首位，存入本地

if (!this.historyList.includes(this.input)) {

this.historyList.unshift(this.input);

localStorage.setItem("historyList", JSON.stringify(this.historyList));

} else {

//有搜索记录，删除之前的旧记录，将新搜索值重新push到数组首位

let i = this.historyList.indexOf(this.input);

this.historyList.splice(i, 1);

this.historyList.unshift(this.input);

localStorage.setItem("historyList", JSON.stringify(this.historyList));

}

if(this.historyList.length == 50){

this.historyList = []

}

前端如何实现搜索记录展示以及清楚历史搜索记录相关推荐

android热门搜索标签,Android网易云历史搜索和热门标签
Android网易云历史搜索和热门标签最近开发了一个网易云音乐播放器,有这么一个需求,需要展示搜索建议,历史搜索记录项目地址: github.com/shellhub/Ne- search_ent ...
layui input框列表显示默认历史搜索记录（不要有历史搜索记录）
问题:layui里面的input输入框有历史记录问题如下图所示: 问题解决方案如下: 只需要加autocomplete="off"这行代码就好了.也可以参考layui网站有解释说 ...
Android原生控件SearchView实现历史搜索记录
SearchView实现搜索记录看了一些大神写的贴子简单实现, 但我们功能需要单独删除一条历史搜索记录,好像没在网上找到解决方案,原生方法上也只有suggestions.clearHistory() ...
Android常用：手把手教你实现搜索框（含历史搜索记录）
http://blog.csdn.net/carson_ho/article/details/53366570 前言像下图的搜索功能在Android开发中非常常见今天我将手把手教大家如何实现具备历 ...
position：搜索框显示历史浏览记录
absolute 生成绝对定位的元素,相对于 static 定位以外的第一个父元素进行定位. 元素的位置通过 "left", "top", "righ ...
搜索关键字高亮_SpringBoot+Mybatis-Plus+Elasticsearch 实现关键字搜索高亮展示
一.概述&介绍 Elasticsearch:Elasticsearch 是基于Lucense 技术的搜索引擎(服务器),将数据进行缓存再进行查询. 与数据库查询的比较: (1)相当于sql ...
有历史搜索记录的搜索框（百度搜索案例）
带有历史搜索词条的搜索框记录一下带有历史搜索词条的搜索框,具体效果类似百度搜索: 点击搜索框展示历史搜索词条列表: 点击搜索框以外的区域隐藏历史搜索词条列表: 点击删除除去对应词条. 效果图: ...
【微信小程序】历史搜索记录本地保存功能实现及思路
要求: 1.用户点击搜索之后把输入的值记录下来 2.如果最新搜索在历史记录里面有,把它从原来的位置放到第一的位置显示 3.最大10条实现思路: 首先是在用户点击'搜索'的时候开始往Storage里面 ...
Android 天气APP（十五）增加城市搜索、历史搜索记录
上一篇:Android 天气APP(十四)修复UI显示异常.优化业务代码逻辑.增加详情天气显示添加城市新版------------------- 一.推荐城市数据二.推荐城市item布局和适配器 ...

前端如何实现搜索记录展示以及清楚历史搜索记录

前端如何实现搜索记录展示以及清楚历史搜索记录相关推荐

最新文章

热门文章