uniapp-历史搜索记录

应用场景

很多搜索场景内都能用到这个功能

大概就是用户搜索了某个关键字然后搜索的关键字可以持久的保存下来

下次打开搜索的时候可以达到快速点击搜索的效果

实现步骤

1. 先给输入框双向绑定数据和事件

"keyWord">

2. 给搜索按钮绑定点击事件

3. 在事件内去处理相关逻辑


methods: {
	search(){
    // historyList 为历史搜索的列表
    // 先做逻辑判断 keyWord 在history内是否存在 如果存在 就把原来的删除 把最新的添加到最前面
    // 如果不存在 就直接加到最前面
    this.historyList.unshift（this.keyWord）
    this.keyWord = ''
    // 把列表储存到本地
    uni.setStorageSync('historyList', this.historyList)
  }
}

4. 在页面加载的时候就从本地获取列表


onLoad(){
  this.historyList = uni.getStorageSync('historyList')
}

5. 把列表循环渲染到对应的位置

相关阅读:
通义千问-7B-Chat-8-9 离线整合包使用 4bit 运行的代码
jvm工具-jps、jstat、jmap、jstack
Python 内置界面开发框架 Tkinter入门篇丁
PAT 1017 A除以B
C++PrimerPlus(第6版)中文版:Chapter16.4泛型编程_为何使用迭代器_迭代器类型
网络安全（黑客）自学
EasyCVR调用停止实时录像接口，未返回录像地址该如何解决？
ABP +VUE Elment 通用高级查询（右键菜单）设计+LINQ通用类Expression＜Func＜TFields, bool＞＞方法
java技术专家面试指南80问【java学习+面试宝典】（三）
提高 Web 开发效率的10个VS Code扩展插件，你知道吗？

原文地址：https://blog.csdn.net/Anorry/article/details/132798072