100字范文,内容丰富有趣,生活中的好帮手!
100字范文 > 【微信小程序】历史搜索记录本地保存功能实现及思路

【微信小程序】历史搜索记录本地保存功能实现及思路

时间:2024-07-26 01:37:52

相关推荐

【微信小程序】历史搜索记录本地保存功能实现及思路

要求:

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里面的方法,展示到页面上只需获取本地存储循环即可

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。