小程序 wx.getStorageSync 读取数据

最新推荐文章于 2025-05-19 19:02:22 发布

痞子Monkey

最新推荐文章于 2025-05-19 19:02:22 发布

阅读量3.2w

点赞数 8

CC 4.0 BY-SA版权

本文链接：https://blog.csdn.net/weixin_42065713/article/details/95320504

在index.wxml页面存储了一个数据wx.setStorageSync("shopInfo", res.data.data);在另一个tab页面order.wxml取值wx.getStorageSync ("shopInfo")

答案：

在onload里面读取数据

onLoad: function() {

this.setData({

shopI: wx.getStorageSync("shopInfo"),

})

},

如果是调用了组件，就需要先在父类的onload里面读取到然后通过

<card id="card"  shop="{{shop}}"></card>

传给组件

在组件里面

properties: {

shop: {

type: Object,//这个看你传的是什么类型

value: ""

},
}

这样就可以第一次刷新就能拿到值了

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

痞子Monkey

关注关注

8
点赞
踩
17

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

wx.getStorageSync(‘key‘)到底是干什么的？使用场景是什么？底层原理是什么？

长风破浪会有时的博客

01-06

1392

是一个简单而强大的工具，它使得开发者能够在微信小程序中轻松地管理和访问本地存储的数据。

小程序wx.getStorageSync

pspxuan的博客

09-30

1786

今天开发小程序的过程中在调用后台数据请求图片时，图片无法显示，原因是图片不在本地缓存，后来用了小程序的接口：wx.getStorageSync解决问题。此方法可以向本地缓存存入数据贴上代码 <image src='{{item.lb_imgs}}' width='100rpx' height='100rpx' /> // 原先直接调用的img，无法显示调用接口后 html代码 &...

参与评论您还未登录，请先登录后发表或查看评论

微信小程序数据缓存类API

最新发布

2401_87078403的博客

05-19

1026

wx.getStorageInfo用于异步获取当前storage的相关信息，wx.getStorageInfoSync是wx.getStorageInfo的同步版本。console.log(res.fetchedData) // 缓存数据console.log(res.timeStamp) // 客户端拿到缓存数据的时间戳。例如后台任务获取到的新消息、更新的数据等。wx.getStorage是指从本地缓存中异步获取指定key的内容，wx.getStorageSync是wx.getStorage的同步版本。

小程序本地存储之wx.getStorageSync

weixin_34111790的博客

07-11

699

这个主要可以解决微信小程序的记录缓存，入输入框的搜索历史记录直接上代码 setsearchMsg:function(){ var that=this if (this.data.inputValue != '') { //调用API向本地缓存存入数据 var searchData = wx.getStorageSync('...

wx.getStorageSync要刷新才能取值

drunk2的博客

04-09

2039

wx.getStorageSync踩坑记看到好多帖子说要去onShow()中使用wx.getStorageSync，我查的所有帖子几乎都是。但是我不管是用onShow还是onLoad都没有成功。因为我使用了最新的获取用户信息的 wx.getUserProfile接口，它和以前的getUserInfo 区别(之前用的这个可以实现，后来更新了)出来了，踩了个很大的坑！在调用wx.getUserProfile的时候，并不会重新刷新任何页面，即使我在里面用了 wx.navigateBack 于是： wx.g

微信小程序wx.getStorageSync同步读缓存无法获取到数据的坑

Koevas的博客

02-10

2万+

写小程序经常碰到读缓存无法获取到数据问题，一直没头绪，以为是小程序本身的bug。后来仔细读官方文档才发现自己被误导了，wx.getStorageSync同步读缓存与 wx.getStorage异步读缓存写法有差异，而我在wx.getStorageSync使用了wx.getStorage的写法。原因如下：当时看官方文档，按照阅读习惯，我错误地理解这是wx.getStorageSync的两种使...

解释这段代码 goods: JSON.parse(wx.getStorageSync('goods') || '[]'), flog: JSON.parse(wx.getStorageSync('flog') || 'false'), address: JSON.parse(wx.getStorageSync('address') || '{}'), postId: wx.getStorageSync('postId'), singleGood:JSON.parse(wx.getStorageSync('singleGood') || '{}'), isCart:JSON.parse(wx.getStorageSync('isCart') || '1'), user:JSON.parse(wx.getStorageSync('user') || '{}'),

06-03

这段代码用于从小程序本地缓存中读取数据，并将读取到的数据赋值给相应的变量。...最终，这段代码的作用是从小程序本地缓存中读取数据，并将读取到的数据保存在相应的变量中，以供小程序的其他部分使用。

小程序如何使用wx.setStorageSync() 或者 wx.getStorageSync() 方法来存储和获取数据。

05-26

`wx.setStorageSync()` 和 `wx.getStorageSync()` 方法可以用来同步存储和获取本地缓存数据，用于小程序内部数据的存储和读取。以下是使用 `wx.setStorageSync()` 存储数据的示例代码： ```javascript // 存储...

微信小程序 const value = wx.getStorageSync('key1')

05-27

3. wx.getStorageSync 方法只能读取当前小程序的本地缓存数据，不能读取其他小程序的缓存数据。示例代码如下： ``` // 从本地缓存中读取名为 key1 的数据 const value = wx.getStorageSync('key1') console.log(`...

wx.getStorageSync存储位置

01-10

### 微信小程序 `wx.getStorageSync` 方法的数据存储位置在微信小程序中，通过 `wx.setStorageSync()` 和 `wx.getStorageSync()` 进行本地数据存储的位置是由微信客户端自动管理的。具体来说： - 数据被保存在...

wx.getStorageSync()获取存储的数据失败

huyuchaoheaven的专栏

11-13

1万+

wx.setStorage(Object object) 将数据存储在本地缓存中指定的 key 中。会覆盖掉原来该 key 对应的内容。数据存储生命周期跟小程序本身一致，即除用户主动删除或超过一定时间被自动清理，否则数据都一直可用。数据存储上限为 10MB。 https://developers.weixin.qq.com/miniprogram/dev/api/storage/wx.setSto...

微信小程序使用本地存储方法（wx.setStorageSync()和wx.getStorageSync()）

qq_70703397的博客

04-16

1万+

微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现，这里为您介绍一下使用本地存储的流程。总之，使用本地存储可以帮助小程序提高数据的读取速度和响应性，并且能够在离线情况下使用应用。但是需要注意，本地存储是有容量限制的，因此不应存储过多的数据。如果该键值对不存在，则返回undefined。

微信小程序把玩（三十六）Storage API

热门推荐

FUCK

09-29

5万+

其实这个存储在新建Demo的时候就已经用到了就是存储就是那个logs日志，数据存储主要分为同步和异步异步存储方法：存数据 wx.setStorage(object) 相同key会覆盖，可写回调方法获取方法：wx.getStorage(object)清除方法：wx.clearStorage()里面可以写回调函数成功，失败，完成同步存储方法：存数据相同key会覆盖wx.setStorageSync

微信小程序使用本地存储方法wx.setStorageSync()和wx.getStorageSync()

qq_21861771的博客

08-30

2424

使用本地存储可以帮助小程序提高数据的读取速度和响应性，并且能够在离线情况下使用应用。但是需要注意，本地存储是有容量限制的，因此不应存储过多的数据。微信小程序的本地存储可以使用wx.setStorageSync()和wx.getStorageSync()方法实现。

微信小程序缓存wx.getStorage（）的使用

m0_60452436的博客

07-22

1427

wx.setStorage(object)是一个异步接口，参数object包含key和data（需要存储的内容），他有3个回调函数：success（接口调用成功的回调函数）、fail（接口调用失败的回调函数）、complete（接口调用结束的回调函数，调用成功、失败都会执行）。页面的onShow生命周期基本在每次打开页面都会触发，所以在onShow里调用更保险，当然了，如果熟悉路由切换到下一个页面时触发哪个生命周期，也可以在onLoad里面调用，提升用户体验。\3. 在哪个生命周期可以调用缓存。

小程序getStorageSync、setStorageSync数据缓存，优化页面加载

总结前端开发中遇到的问题，分享前端知识

03-22

1万+

onLoad(options) { // 获取本地数据 const Cates = wx.getStorageSync('cates'); if (!Cates) { this.getCates(); } else { // 定义数据过期时间10s if(Date.now() - Cates.time > 1000*10) { this.getCates(); } else { this..

控制台打印wx.getStorageSync()内容显示[object,object]

qq_40406916的博客

12-25

849

加号改成逗号便可输出完全如下

微信小程序的wx.getStorageSync中的key使用参数传递

xiaosheng

10-22

1万+

在使用wx.getStorageSync的时候，由于需要获取到许多键对应的值，这个时候一开始就一个一个的获取，最后发现wx.getStorageSync中是可以传参数的，其中index页面的内容是 <view> <input class='input' bindtap='click'>缓存</input> </view> const ap...

微信小程序 wx.getStorageSync获取数据异常

wyq的博客

10-09

4853

在页面的data部分使用wx.getStorageSync时会因为页面生命周期导致wx.getStorageSync获取到的数据是空，从而影响数据的解析正确的使用方法是data中不使用wx.getStorageSync，改放到生命周期函数中或其他方式赋值。切记切记，勿用在data中直接使用 data: { userInfo: wx.getStorageSync('userInfo') } 改为 onLoad: function(options) { this.setData({