小程序创建搜索记录，获取搜索记录，删除搜索历史

最新推荐文章于 2023-06-17 08:30:00 发布

hangGe0111

最新推荐文章于 2023-06-17 08:30:00 发布

阅读量2.2k

点赞数 1

分类专栏：微信小程序文章标签：搜索记录创建搜索记录清空搜索历史

本文链接：https://blog.csdn.net/hangGe0111/article/details/86236691

版权

本文介绍了如何在小程序中实现搜索记录的管理，包括使用本地缓存创建和获取搜索记录，以及如何清除搜索历史。具体步骤涉及在页面加载时显示搜索记录，新增记录时的操作，以及删除操作。

摘要由CSDN通过智能技术生成

1.搜索记录一般是通过创建本地缓存来实现的，需要战士的时候将其取出展示，需要清空时清除本地缓存即可。

2.代码

（1）onload获取搜索记录展示

onLoad: function(options) {

	//历史记录
	var searchRecordItem = (wx.getStorageSync('searchRecord') == undefined || wx.getStorageSync('searchRecord') == '') ? [] : wx.getStorageSync('searchRecord');

	that.setData({
	  searchRecordItem: searchRecordItem
	});

},

（2）创建搜索记录

//创建搜索记录
setRecord:function() {
	var searchRecordList = (wx.getStorageSync('searchRecord') == undefined || wx.getStorageSync('searchRecord') == '') ? [] : wx.getStorageSync('searchRecord');
	if(that.data.lpname == undefined || that.data.lpname == '') return;
	//如果记录中已存在，则往前提，如果没有就直接头部添加
	if(searchRecordList.indexOf(that.dat