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

最新推荐文章于 2025-05-07 10:08:34 发布
最新推荐文章于 2025-05-07 10:08:34 发布
阅读量1.5k 收藏 5
点赞数 29
CC 4.0 BY-SA版权
分类专栏： 微信小程序 Vue  javascript 文章标签： uni-app 缓存 微信小程序 vue
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xiaohua616/article/details/138066578
本文详细介绍了在微信小程序中使用uniapp进行数据缓存的存值（如`uni.setStorageSync(siteNumber,res.work.siteNumber);`）和取值（如`uni.getStorageSync(siteNumber)`或`uni.getStorageSync(siteNumber).nickName`）的方法，适用于登录成功后的用户信息存储和浏览记录保存等场景。

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

文章目录

问题描述

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

满满干货哦！！！

解决方案

存值

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

uni.setStorageSync('siteNumber', res.work.siteNumber);

参考示例：

/ 登录成功后，处理函数
loginSuccess
最低0.47元/天 解锁文章

200万优质内容无限畅学
uniapp｜实现获取手机摄像头权限，调用相机拍照实现人脸识别相似度对比，拍照保存至相册，多端兼容(APP/微信小程序)
商务合作 / 项目定制 / 学习交流。个人vx：lovely_wml
05-13 1万+
基于uniapp以及微信小程序实现移动端人脸识别相似度对比，实现摄像头、相册权限获取、相机模块交互、第三方识别集成等功能，附完整代码。
如何用uniapp开发微信小程序
2203_76123090的博客
06-14 1632
在 pages.json 中提供 tabBar 配置，不仅仅是为了方便快速开发导航，更重要的是在App和小程序端提升性能。在这两个平台，底层原生引擎在启动时无需等待js引擎初始化，即可直接读取 pages.json 中配置的 tabBar 信息，渲染原生tab。在小程序启动时，默认会下载主包并启动主包内页面，当用户进入分包内某个页面时，会把对应分包自动下载下来，下载完成后再进行展示。因小程序有体积和资源加载限制，小程序平台提供了分包方式，优化小程序的下载和启动速度。则需要在 pages.json 中填写。
Uniapp微信小程序存储/获取本地缓存数据@莫成尘
莫成尘的博客
10-14 6739
先看代码，您将看到以下效果，复制使用即可，一下代码均可复制粘贴使用。 如您满意请给莫成尘点个Fabulous 如果同步存储不到接口数据可以尝试使用异步 // 异步存储和读取 //设置 存储内容 参数为参数名，参数值 uni.setStorageSync('name',"莫成尘"); //也可以这样写 uni.setStorageSync('name',this.name); //输出 仅仅使用参数名即可获取 console.log(uni.getStorageS
【uniapp 获取缓存及清除缓存】
前端-CV全粘工程师
07-29 6518
【代码】【uniapp 获取缓存及清除缓存】
UniApp 本地存储使用指南（替代 localStorage）
最新发布
专注分享前沿IT技术，包括AI开发、Web开发、数据库、运维等领域的实战教程。全程保姆级讲解，手把手带你从入门到精通！
05-07 569
在中，的使用方式并不是原生浏览器的（虽然在 H5 端可以用），而是推荐使用等，这样可以兼容多端。
微信小程序如何读取/存入缓存数据
m0_47214210的博客
11-19 2486
微信小程序如何读取/存入缓存
uni-app 之 数据缓存
weixin_30314813的博客
07-05 5002
uni-app 之 数据缓存 　　铛铛铛~~~之前有写过一个navagator路由的博客，今天就分享一下关于数据缓存的把 　　1.uni.setStorage(OBJECT) 与uni.getStorage(OBJECT) 这两个是异步缓存，简单说就是将数据放到本地缓存指定的key中，一个存一个取罢了 　　　　uni.setStorage(OBJECT) ：将数据缓存在本地缓存中指定...
uni设置缓存、获取缓存、控制台查看缓存、检测是否存在某缓存、删除缓存
努力、拼搏、奋进
07-23 5156
uni设置缓存、获取缓存、控制台查看缓存、检测是否存在某缓存、删除缓存
微信小程序 本地数据存储实例详解
11-28
微信小程序 本地数据存储实例详解 前言 如果您在看此文章之前有过其他程序的...每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync） wx.getStorage（wx.getStorageSync）、 wx.cl
uniapp数据缓存（存储/获取/移除/清空）
wgq2020的博客
12-20 5299
在uni-app中，可以使用uni.setStorageSync和uni.getStorageSync来进行数据的存储和获取。而移除缓存数据可以使用uni.removeStorageSync，清空缓存数据可以使用uni.clearStorageSync。注意：以上方法都是同步方法，如果需要异步操作，可以使用uni.setStorage和uni.getStorage方法。以上就是在uni-app中进行数据缓存的常用方法。
微信小程序缓存获取数据教程
热门推荐
zhichi_junjun的博客
10-24 5万+
微信小程序缓存获取数据教程 每个微信小程序都可以有自己的本地缓存，可以通过 wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync）可以对本地缓存进行设置、获取和清理。同一个微信用户，同一个小程序 storage 上限为 10MB 。localStor...
uniapp数据缓存/获取
gu_eu的博客
11-11 8446
uni.setStorage(OBJECT) 异步缓存 uni.setStorage是将我们的数据存储在本地缓存中指定的健值中，会覆盖掉原来的健值对应的内容，是一个异步接口 示例： 这里是存的代码 uni.setStorage({ key: 'id', // 存储值的名称 data: 'hello', // 将要存储的数据 success:res => { // 成功后的回调 console.log(res); } });
uni-app中数据缓存与调用
L20523的博客
05-19 4201
uni.setStorageSync(KEY,DATA) 将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。综上所述，本地缓存适用于需要持久化存储数据、跨页面或组件共享数据的场景，而 Vuex 适用于全局状态管理、多组件之间共享数据的场景。这样就完成了将排序后的数据存储到 Vuex 的 store 中的操作。state里的数据就是我们所存储的数据。是 Vuex 中的状态对象，而。的处理逻辑中，我们将传入的数据。2.获取vuex中的数据。
【微信小程序】缓存基础——存储、获取、移除、清理(异步)
花开淡墨Cc的博客
06-23 4525
微信小程序缓存基础——存储、获取、移除、清理(异步)
uni-app——数据缓存API
阿常的博客
03-19 1359
在 uni-app 开发中，数据缓存 API 起着重要作用，它能够将需要的数据保存到本地，同时也提供了获取本地缓存数据、移除缓存数据以及清理缓存数据的功能。前两个 API（uni.getStorage和uni.getStorageSync）用于从指定key获得缓存数据，而后两个（uni.getStorageInfo和uni.getStorageInfoSync）则是获取本地所有key的集合。在开发中，有时需要清理本地缓存数据，uni-app 提供了相应的 API 来实现这一功能。
Vue、uniApp、微信小程序、Html5等实现数缓存
qq_51076413的博客
01-08 1963
vue实现类似于redis可以添加过期时间的缓存工具；uniapp缓存，实现可以添加过期时间配置；微信小程序实现对缓存数据添加过期时间；vue中对缓存数据进行加密处理；uniapp中实现对缓存数据进行加密处理；微信小程序中实现对缓存数据进行加密处理；
uni-app数据缓存
atu1111的博客
07-24 1445
uni-app数据缓存   同步缓存和异步缓存的区别:以Sync（同步，同时）结尾的都是都是同步缓存，二者的区别是，异步不会阻塞当前任务，同步缓存直到同步方法处理完才能继续往下执行。   官方文档 1.异步缓存   异步存储，异步获取，移异步移除代码演示： clickButtonSave() { uni.setStorage({ key:'id', data: 80, success() { console.log('保存成功') }
uniapp开发微信小程序如何使用微信官方支付接口
01-17
### UniApp 开发的微信小程序中集成并使用微信官方支付接口 #### 准备工作 为了在UniApp开发的小程序中实现微信支付功能，需完成如下准备： - 注册成为微信公众平台开发者，并创建自己的小程序以获得`appId`和`app...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值