localstorage历史搜索记录_xxy77721的博客-程序员宅基地

mounted: function(){
let vm = this;
if( window. localStorage. getItem( 'SearchKeywords')) {
let searchKeywordListJSON = window. localStorage. getItem( 'SearchKeywords');
vm. serachHistory = JSON. parse( searchKeywordListJSON);
} else {
vm. serachHistory = [];
}
document. onkeyup= function( event) {
var e = event || window. event;
console. log( e. keyCode);
e. preventDefault();
if( e && e. keyCode== 13){ // enter 键
vm. serachHistory. push( vm. searchWord);
if( device. isMeiDeNiApp()) {
ProductsearchBridge. HotSearch( vm. searchWord);
}
else {
window. location. href= '/#/productsearchlist?MainWord='+ vm. searchWord
}
let searchKeywordList = JSON. stringify( vm. serachHistory);
window. localStorage. setItem( 'SearchKeywords', searchKeywordList);
}
};
console. log( window. localStorage);
vm. showHistory();
},
methods:{
showHistory: function() {
let vm = this;
vm. history = [];
let searchKeywordListJSON = window. localStorage. getItem( 'SearchKeywords');
let serachHistory = JSON. parse( searchKeywordListJSON)!= null? JSON. parse( searchKeywordListJSON):[];
for( let i= serachHistory. length- 1; i>= 0; i--) {
vm. history. push( serachHistory[ i]);
}
},
}
版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/xxy77721/article/details/78262089

智能推荐

Cglib底层是ASm,那ASM是什么呢?_做一枚有思想的程序员的博客-程序员宅基地

ASM指的是汇编语言(assembly language)是一种用于电子计算机、微处理器、微控制器或其他可编程器件的低级语言,亦称为符号语言。在汇编语言中,用助记符代替机器指令的操作码,用地址符号或标号代替指令或操作数的地址。在不同的设备中,汇编语言对应着不同的机器语言指令集,通过汇编过程转换成机器指令。特定的汇编语言和特定的机器语言指令集是一一对应的,不同平台之间不可直接移植。扩展资料汇编语言比机器语言的可读性要好,但跟高级语言比较而言,可读性还是较差。不过采用它编写的程序具有存储空间占用少、执行速

mysql增量索引_coreseek增量索引_锦初健康管理中心的博客-程序员宅基地

1、在多数情况下,因为Coreseek索引速度高达10MB/s,所以只需要创建一个索引源即可满足需求,但是在数据量随时激增的大型应用中(如SNS、评论系统等),单一的索引源将会给indexer造成极大的性能负荷2、增量索引能够在一定程度上提升Coreseek索引性能,降低CPU使用率。增量索引的原理非常简单,即使用“主索引+增量索引”的方式创建索引。其中主索引存放放50%以上的数据量,增量索引表通...

最短路径 dijkstra算法 floyd算法_Doge Chen的博客-程序员宅基地

dijkstra算法的基本思想是贪⼼,每次都遍历所有邻居,并从中找到距离最⼩的,本质上是⼀种⼴度优先遍历。这⾥我们借助堆这种数据结构。题目class Solution { public int networkDelayTime(int[][] times, int n, int k) { List<int[]>[] graph = buildGraph(times, n); int[] minDistance = dijkstra(graph,

RabbitMQ Exchange类型详解_huayang183的博客-程序员宅基地

在上一篇文章中,我们知道了RabbitMQ的消息流程如下:但在具体的使用中,我们还需知道exchange的类型,因为不同的类型对应不同的队列和路由规则。在rabbitmq中,exchange有4个类型:direct,topic,fanout,header。direct exchange此类型的exchange路由规则很简单:exchange在和queue进行binding时会设置routingkeychannel.QueueBind(queue: "create_pdf_que

webstorm破解方法_谈笑~风声的博客-程序员宅基地

webstorm也是比较好用的编程工具,尤其是配合github,不废话去官网下载,百度进这个网址http://idea.lanyus.com/,点击获得注册码,将生成的激活码粘贴到webstorm激活对话框中的Lisence Code输入框,点击OK即可破解。安装到最后一步会出现失败,重要的一步来了,将下面画线的部分也就是“0.0.0.0 account.jetbrains.com”添加到host...

JSON ????_qq_17777405的博客-程序员宅基地

 ajax工作原理 一、什么是AjaxAjax(Asynchronous JavaScript and XML的缩写)是一种异步请求数据的web开发技术Ajax目的:提高用户体验,较少网络数据的传输量二、Ajax原理是什么在解释Ajax原理之前,我们不妨先举个“领导想找小李汇报一下工作”例子,领导想找小李问点事,就委托秘书去叫小李,自己就接着做其他事情,直到...

随便推点

lintcode-插入区间_ljlstart的博客-程序员宅基地

给出一个无重叠的按照区间起始端点排序的区间列表。在列表中插入一个新的区间,你要确保列表中的区间仍然有序且不重叠(如果有必要的话,可以合并区间)。您在真实的面试中是否遇到过这个题?样例插入区间[2, 5] 到 [[1,2], [5,9]],我们得到[[1,9]]。插入区间[3, 4] 到[[1,2], [5,9]],我们得到 [[1,2], [3,4],

写给准备进入IT行业的新人_weixin_34121282的博客-程序员宅基地

新人们常常会说我看了多少多少的书,看过某某人写的书,仿佛书看了就会做了。其实不然,很多新人在面试的时候夸夸其谈,说啥啥都知道一点,到真正做的时候,啥都不会。归根到底是没有经验,技术这玩意儿经验非常重要,很多东西如果不是你碰到了,你从书上一辈子都找不到答案。 我看书的习惯一般都是先把整个书翻翻,了解一下书的基本内容,然后在实际项目中遇到相应的问题再去翻书,当然这是...

性能测试_Day_07(计数器、定时器、foreach、loop、random、perfmon插件安装)_Tommy.IT的博客-程序员宅基地

性能测试_Day_07JMETER 函数助手counterJMETER 自定义起始数,计数器JMETER json提取器JMETER 循环器 Loop ControllerJMETER Bean Shell处理器JMETER ForEach控制器JMETER plugins 插件管理与安装plugins下载plugins打开方式plugins 安装3 Basic GraphsCustom JMeter FunctionsCustom Thread GroupsDummy SamplerPerfMon (Se

2020年双十一销售额破亿的新品牌达16个与往年三倍之多_xingyewangcn的博客-程序员宅基地

今年天猫双十一是新品牌增长最多的一年。 根据目前的统计,双十一期间累计有16个新品牌的销售额超过亿元,是前几年的三倍,且数据还在增长。这与消费者对在线消费的日益增长的偏好以及商人向电子商务的转变有极大的联系。不过近年来,天猫的入驻条件发生了变化,入驻变得越来越困难。对于想入驻的一般商家来说就不太友好了,这也是商家会选择天猫店铺交易方式入驻天猫的原因之一。完美日记及其尖端品牌小奥汀的营业额均超过1亿。 花西子、Ubras、添可、蕉内、Beaster、MLB、realme、润百颜、敷尔佳、usmile、CO

关于fmincon和cvx_phymat.nico的博客-程序员宅基地

https://blog.csdn.net/xwc374635420/article/details/68491401/https://zhuanlan.zhihu.com/p/343441371https://www.cnblogs.com/raiuny/p/13069059.html