要求:
1.用户点击搜索之后把输入的值记录下来
2.如果最新搜索在历史记录里面有,把它从原来的位置放到第一的位置显示
3.最大10条
实现思路:
首先是在用户点击‘搜索’的时候开始往Storage里面存数据的,然后再存数据的同时做一些处理。
处理:先判断存进来的值在Storage里面有么有,有的话删除。然后在数组首部添加元素,最后在从0截取到第10位。
好了直接上代码
let estates = wx.getStorageSync('searchHistory') || [] //获取本地存储没值的时候给个初始值
const index = estates.findIndex(item => item ===value)//查看vaule在Storage里有没有
if (index >= 0) estates.splice(index, 1) // 判断如果有就删掉
estates.unshift(value) // 在数组首添加元素
wx.setStorageSync('searchHistory', estates.slice(0, 10)) // 存到Storage里面 然后选取数组的前10位
这就是存到Storage里面的方法,展示到页面上只需获取本地存储循环即可