微信小程序实现删除和存储历史搜索记录倒序排列

最新推荐文章于 2023-08-25 10:22:47 发布

Defqon.1

最新推荐文章于 2023-08-25 10:22:47 发布

阅读量886

点赞数

本文链接：https://blog.csdn.net/weixin_47632722/article/details/118244992

版权

本文介绍如何在微信小程序中实现删除和存储历史搜索记录，并确保这些记录以倒序方式排列。通过阅读，您将了解相关功能的实现细节。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

样式可以自己改，搜索功能大概就这样

index.js

Page({

  data: {
    recordsList: [], //用来显示记录的循环数组
    value: '' //输入的内容
  },
  getValue(res) {
    console.log(res.detail.value)
    this.setData({
      value: res.detail.value
    })
  },
  // 打开页面显示搜索记录
  onLoad() {
    let self = this
    // 获取本地缓存
    wx.getStorage({
      key: 'search',
      success(res) {
        console.log(res.data)
        self.setData({
          recordsList: res.data
        })
      }
    })
  },
  // 回车键触发搜索
  goSearch() {
    var arr = this.data.recordsList
    if (this.data.value == '') {
    } else {
      arr.unshift(this.data.value) //新的搜索记录插入数组前方，做出倒序效果
      this.setData({
        recordsList: arr
      })
      //存储本地缓存
      wx.setStorage({
        key: "search",
        data: arr,
        success() {
          console.log(arr)
        }
      })
    }
  },
  // 删除搜素记录
  delRec(res) {
    let id = res.currentTarget.dataset.i