小程序缓存设计方案

原创于 2022-03-02 19:42:41 发布 · 220 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#小程序 #缓存

小程序专栏收录该内容

2 篇文章

订阅专栏

本文介绍了微信小程序中动态加载数据并使用本地缓存的方法。通过监听用户点击顶部导航，获取选中类别的ID，然后发送请求加载对应数据，更新电影列表。加载完成后，数据被存储到本地缓存中，以便后续快速访问。

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

https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setStorageSync.html

Page({

  data: {
    cid: 1,     // 用于描述当前选中的电影类别id
    movies: []  // 用于描述当前电影列表
  },

  /** 点击顶部导航后执行 */
  tapNav(event){
    let id = event.target.dataset.id // 当前选中组件的data-id
    this.setData({cid: id})
    // 发请求加载选中类别下的首页数据，更新电影列表
    this.loadData(id, 0).then(movies=>{
      this.setData({movies})
      // 将movies存入缓存
      wx.setStorage({
        key: id,
        data: movies
      })
    })
  },