uni-app浏览历史记录功能实现
searchStart: function () {
let _this = this;
if (_this.searchText == '') {//搜索关键词为空
uni.showToast({//提示信息
title: '请输入关键字',
icon: 'none',
duration: 1000
});
} else {
uni.getStorage({//从缓存中取搜索历史记录的数组
key: 'search_cache',
success(res) {//获取成功
let list = res.data;
for (let i in list) {//循环遍历
if (list[i] == _this.searchText) {//如果缓存数组中有搜索关键词
list.splice(i, 1)//删除数组中的该关键词
}
}
list.unshift(_this.searchText);//将搜索关键词添加到数组开头
list.splice(6)//只保留6个
_this.hList = list;
uni.setStorage({//将新的数组存入缓存
key: 'search_cache',
data: _this.hList,
});
_this.search(_this.searchText);//搜索
},
fail() {//没有获取到缓存
_this.hList = [];
_this.hList.push(_this.searchText);
uni.setStorage({
key: 'search_cache',
data: _this.hList,
});
_this.search(_this.searchText);//搜索
}
})
}
}
- 相关阅读
- 连云港酒店预订
- window7简称win7下可以运行ASP文件,但是不能访问access数据库的解决办法
- 深山行者asp购物网终于上线了
- 四川悠旅地旅游有限公司
- 武汉辉煌国际旅行社
- 改善用户体验之checkbox表单(最多可以选择三个)
- 深山行者个人网站程序V0.1
- css里media属性详解
- 共有0条关于《uni-app浏览历史记录功能实现》的评论
- 发表评论
您发布的评论即表示同意遵守以下条款:
一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家、社会、集体和公民的合法权益;
二、不得发布国家法律、法规明令禁止的内容;互相尊重,对自己在本站的言论和行为负责;
三、本站对您所发布内容拥有处置权。
- 更多>>同类信息
- uni-app开发表单input组件的一些规则说明自己预留使用
- uni-app:使用uni.downloadFile下载word或pdf文件并保存到手机
- 小程序中利用addPhoneContact将联系人的信息添加到手机通讯录支持保存联系人头像
- 微信小程序打开客服提示:该小程序提供的服务出现故障,请稍后重试
- 微信小程序客服会话只能过button让用户主动触发
- uni-app开发微信小程序使用button的open-type为contact调用微信客服不能用view或者js调用
- 更多>>最新添加文章
- dw里面查找替换使用正则删除sqlserver里面的CONSTRAINT
- Android移动端自动化测试:使用UIAutomatorViewer与Selenium定位元素
- 抖音直播音挂载小雪花 懂车帝小程序
- javascript获取浏览器指纹可以用来做投票
- 火狐Mozilla Firefox出现:无法载入您的Firefox配置文件 它可能已经丢失 或是无法访问 问题解决集合处理办法
- 在Android、iOS、Windows、MacOS中微信小程序的文件存放路径
- python通过代码修改pip下载源让下载库飞起
- python里面requests.post返回的res.text还有其它的吗