uniapp读取(获取)缓存中的对象值(微信小程序)

文章目录

问题描述

大家好!我是夏小花,今天是2024年4月24日|农历三月十六,在我们日常开发中,做小程序可能会往缓存中存值或者是存对象,今天这篇博客文章主要是讲如何在微信小程序如何读取缓存中的值和如何向缓存中存值。

满满干货哦!!!

解决方案

存值

下面这段代码是基于uniapp进行向缓中存值操作
siteNumber:缓存的名称
res.work.siteNumber:缓存的值

java 复制代码
uni.setStorageSync('siteNumber', res.work.siteNumber);

参考示例:

java 复制代码
/ 登录成功后,处理函数
loginSuccess(result) {
    // 设置用户信息
    this.$store.dispatch('GetInfo').then(res => {
        if(res.work){
            uni.setStorageSync('siteNumber', res.work.siteNumber);
        }
        this.$tab.reLaunch('/pages/home')
    })
}

取值

下面这段代码是基于uniapp进行向缓中取值操作
siteNumber:缓存的名称
如果是存的是一个属性的话可以这样去取

java 复制代码
uni.getStorageSync('siteNumber')

如果是存的是一个对象的话可以这样去取

java 复制代码
uni.getStorageSync('siteNumber').nickName

参考示例:

java 复制代码
 async addmovieBrowsing(){
   let data = {
       userId:uni.getStorageSync('loginModel').userId,
       userName:uni.getStorageSync('loginModel').nickName,
       browseTime:this.getCurrentTime()
   }
   await post('system/istory',data).then(res=>{
       // console.log("添加浏览记录=====>",res)
   })
},
相关推荐
java1234_小锋9 小时前
Vue3专题 - 响应式基础
vue·vue3·响应式
ai_coder_ai13 小时前
分布式缓存架构设计与实践
分布式·缓存
Wiktok17 小时前
Vue3(Vite)打包安卓APP 完整最佳实践
android·vue
不如摸鱼去18 小时前
Wot UI 2.3.0 发布:二维码组件来了,Open Wot 与 wot-starter 同步更新
前端·ui·微信小程序·前端框架·uni-app
Wang's Blog19 小时前
AI Agent白手起家23: 大模型速率限制应对与缓存机制实践
人工智能·缓存
网教盟人才服务平台20 小时前
Redis Key集中过期引发的流量雪崩实战解析
数据库·redis·缓存
Ivan CloudBay20 小时前
网站为什么会使用缓存?
服务器·网络·缓存·云服务器
sugar__salt20 小时前
Vue3 自定义指令与插槽(Slot)技术详解
前端·javascript·vue.js·前端框架·vue
_oP_i21 小时前
Another Redis Desktop Manager更新
数据库·redis·缓存
anyup21 小时前
uni-app 没有根组件?仅需几行代码实现全局 Toast 和 Modal
前端·架构·uni-app