首页 > 其他分享 >uni-app:数据缓存(hbuilderx 3.6.18)

uni-app:数据缓存(hbuilderx 3.6.18)

时间:2023-02-22 14:44:07浏览次数:39  
标签:缓存 last 18 app 3.6 uni com options 页面

一,代码:

1,缓存写入:在被打开页面的onLoad事件中写入把打开的年级和学期写入缓存

            //加载时访问接口得到数据
            onl oad(options) {
                  // 页面创建时执行
                  console.log("页面加载");//记录最新访问的列表
                  let gradeName = getApp().$util.getGradeNameById(options.grade);
                  let termName = getApp().$util.getTermNameByStr(options.term);
                  uni.setStorage({
                      key:"last",
                    data:{
                        id:options.id,
                        name:gradeName+termName,
                        grade:options.grade,
                        term:options.term,
                    },
                  })
              },

2,缓存读取:此页面打开时有可能是回退到此页面,所以写到onShow事件中

        onShow() {
            uni.getStorage({
                key:"last",
                success:(res)=>{
                    console.log(res.data);
                    this.last = res.data;
                },
                fail:(err)=>{
                    console.log(err);
                    this.last = null;
                }
            })
        },

说明:刘宏缔的架构森林是一个专注架构的博客,地址:https://www.cnblogs.com/architectforest

         对应的源码可以访问这里获取: https://github.com/liuhongdi/
         或: https://gitee.com/liuhongdi

说明:作者:刘宏缔 邮箱: [email protected]

二,测试效果

三,查看hbuilderx的版本: 

 

标签:缓存,last,18,app,3.6,uni,com,options,页面
From: https://www.cnblogs.com/architectforest/p/17144286.html

相关文章