搜索框保留近五条搜索记录

需求：
搜索框下面展示近五条历史记录，并可执行查询功能。刷新界面可保存记录。

实现：
本项目搜索框如下，包括两部分内容，即搜索内容和分类。

if(me.zckeywords){   //me.zckeywords为搜索内容
    var arg={};
    arg.key=me.zckeywords;  
    arg.type=me.devtype;  //把搜索条件放在arg里，key为搜索内容，type为分类
    var flag=true;        //定义一个标志位，去重数组
    for(var i=0;i=5){
            me.hisList.shift();
            //判断数组中元素超过五条时去除第一条。保持只有5条。
        }
        me.hisList.push (arg);
        sessionStorage.setItem("hisList",JSON.stringify(me.hisList));//组织好的数组存入session
        
    }
}

记得刚进入页面取出session中的存的数组对象

   if(sessionStorage.getItem('hisList')){
        me.hisList=JSON.parse(sessionStorage.getItem('hisList'));
    }

效果：