码农知识堂 - 1000bd
  •   Python
  •   PHP
  •   JS/TS
  •   JAVA
  •   C/C++
  •   C#
  •   GO
  •   Kotlin
  •   Swift
  • uniapp-历史搜索记录


    应用场景

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

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

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

    实现步骤

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

    "keyWord">

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

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

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

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

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

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

  • 相关阅读:
    吉他&乐理
    JAVA计算机毕业设计毕业生交流学习平台Mybatis+源码+数据库+lw文档+系统+调试部署
    学习左耳听风栏目90天——第十二天 12/90(学习左耳朵耗子的工匠精神,对技术的热爱)【时间管理:同扭曲时间的事儿抗争】
    学会这些Jmeter插件,才能设计出复杂性能测试场景
    Eureka服务注册与发现
    『Halcon与C#混合编程』007_SetPart、GetImageSize、图像原比例显示
    main函数之前发生什么
    一览8个 NFT 分析平台
    使用 Mermaid 创建流程图,序列图,甘特图
    ESP32设备通信-LoRaWAN网关
  • 原文地址:https://blog.csdn.net/Anorry/article/details/132798072
  • 最新文章
  • 【JVM】编译执行与解释执行的区别是什么?JVM 使用哪种方式?
    用 Hashids 优雅解决 C 端自增 ID 暴露问题
    V8引擎 精品漫游指南--Ignition篇(上) 指令 栈帧 槽位 调用约定 内存布局 基础内容
    LLVM Pass快速入门(四):代码插桩
    milkup:桌面端 markdown AI续写和即时渲染
    基于项目工程构建SBOM(软件物料清单)的研究
    鸿蒙应用开发UI基础第二节:鸿蒙应用程序框架核心解析与实操
    .NET 中如何快速实现 List 集合去重?
    扣子Coze实战:从0到1打造抖音+小红书热点监控智能体
    浅谈数据访问层
  • 热门文章
  • 十款代码表白小特效 一个比一个浪漫 赶紧收藏起来吧!!!
    奉劝各位学弟学妹们,该打造你的技术影响力了!
    五年了,我在 CSDN 的两个一百万。
    Java俄罗斯方块,老程序员花了一个周末,连接中学年代!
    面试官都震惊,你这网络基础可以啊!
    你真的会用百度吗?我不信 — 那些不为人知的搜索引擎语法
    心情不好的时候,用 Python 画棵樱花树送给自己吧
    通宵一晚做出来的一款类似CS的第一人称射击游戏Demo!原来做游戏也不是很难,连憨憨学妹都学会了!
    13 万字 C 语言从入门到精通保姆级教程2021 年版
    10行代码集2000张美女图,Python爬虫120例,再上征途
小工具 小游戏
Copyright © 2022 侵权请联系2656653265@qq.com    京ICP备2022015340号-1

京公网安备 11010502049817号