微信小程序，踩坑，本地存储，wx.setStorageSync("key",value)覆盖问题

最新推荐文章于 2024-04-15 20:00:56 发布
最新推荐文章于 2024-04-15 20:00:56 发布
阅读量7.4k 收藏 4
点赞数
分类专栏： 前端 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/elizebeth6/article/details/105842985
版权

使用微信小程序时，需要本地存储一个对象，后边需要在别的界面种对这个对象进行解构重新搭建新对象后，覆盖原先的key值，但是发现怎么都不能把原来的value值替换
在这里插入图片描述

后来发现是因为我先从本地存储中取了之前的值，然后解构赋值的时候把旧数据放在了后面，
这样一来属性值就被原来的数据重新替换了，所以导致一直覆盖不成功，

解决办法很简单，就是把新数据放到后面就行了！
在这里插入图片描述

elizebeth6
关注
  • 0
    点赞
  • 踩
  • 4
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
专栏目录
【uniapp】数据缓存中的setStorage与setStorageSync的区别
ONLYSRY的博客
09-20 1677
总结：setStorage 是异步的，setStorageSync是同步的。如果后续逻辑必须依赖于修改storage后的数据就必须使用同步setStorageSync，如果不需要用到就可以使用异步，毕竟修改内存会有耗时。将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
探讨uniapp的数据缓存问题
一个搬砖工人
08-14 1499
将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。从本地缓存中异步获取指定 key 对应的内容。从本地缓存中同步获取指定 key 对应的内容。从本地缓存中异步移除指定 key。从本地缓存中同步移除指定 key。同步清理本地数据缓存。
一文读懂Uniapp的setStorage、setStorageSync、getStorage以及getStorageSync（附Demo）
最新发布
码农研究僧的博客
04-15 3981
uni.setStorage({key, data, success, fail, complete})：将数据异步存储到本地缓存中，可提供成功、失败和完成时的回调函数 uni.getStorage({key, success, fail, complete})：从本地缓存中异步获取数据，可提供成功、失败和完成时的回调函数
详解小程序设置缓存并且不覆盖原有数据
10-17
主要介绍了小程序设置缓存并且不覆盖原有数据，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
微信小程序 缓存wx.setStorageSync()
pyp_demon的博客
10-13 1541
缓存操作 该方法比较常用，因此这里只介绍setStorageSync一种 设置缓存 wx.setStorageSync('key', 'value') 获取缓存 wx.getStorageSync('key') 移除指定缓存 wx.removeStorageSync('key') 清除全部缓存 wx.clearStorageSync() ...
微信小程序 setStorage:fail Error:
wuwuFQ的博客
09-27 1891
使用 wx.setStorage 方法，异步缓存用户ID，之前一直好好的，现如今发现竟然不是success的，而是走的fail方法，打印报错如下： {errMsg: "setStorage:fail Error: Failed To Send Sync"}errMsg: "setStorage:fail Error: Failed To Send Sync"__proto__: Object 百...
微信小程序真机调试错误：setStorageSync:fail Error: Failed To Send Sync
PromiseCao的博客
12-05 6627
今天真是被这个坑搞得脑亏疼，本来想再storage里缓存下openId和token，但是不管用自己封装的方法还是微信原生的wx.setStorage方法报错： setStorageSync:fail Error: Failed To Send Sync  找了很多别人说的解决办法也没解决，真是头发都掉光了！ 最后发现是真机测试的锅 ！妈的，真机测试的缓存真坑爹啊，最后发现用调试模式就没问...
微信小程序踩坑之旅（一）：真机调试过程中的缓存问题（storage）
前端应知应会
02-16 6305
真机调试过程中缓存问题 问题描述： 一些同学可能会出现，在开发者工具上使用缓存没问题，但是一旦使用真机调试的时候，就读写不了缓存，这是什么原因呢？ 分析1： 可能是真机调试工具没开使用工具端的storage 解决方法： 如下图: 分析2： 可能是你事先没给手机端设置缓存，因为在开发的过程中，想当然的以为开发者工具有了，手机端就忽略了去设置缓存 解决方法： 在获取缓存的时候使用fail来打印失败信...
微信小程序demo：todo：wx.setStorageSync(KEY,DATA) 方法存放数据.rar
01-25
在这个“微信小程序demo：todo：wx.setStorageSync(KEY, DATA) 方法存放数据.rar”压缩包中，包含了一个关于如何在微信小程序中使用`wx.setStorageSync`方法来存储数据的示例。 `wx.setStorageSync`是微信小程序...
微信小程序本地连接http，websocket发送消息的例子
03-16
在微信小程序中，可以使用`wx.connectSocket()`初始化WebSocket连接，并通过`wx.onSocketOpen()`, `wx.onSocketMessage()`, `wx.sendSocketMessage()`等方法进行操作。例如： ```javascript wx.connectSocket({ ...
微信小程序 wx.request(OBJECT)发起请求详解
09-01
在开发微信小程序时，理解并熟练掌握`wx.request()`的使用至关重要。 ### 1. `wx.request()`基本使用 `wx.request()`接收一个参数，即一个OBJECT对象，该对象包含了请求的所有配置信息： ```javascript wx....
微信小程序 缓存（本地缓存、异步缓存、同步缓存）详解
01-20
微信小程序 缓存 关于本地缓存 1.wx.setStorage（wx.setStorageSync）、wx.getStorage（wx.getStorageSync）、wx.clearStorage（wx.clearStorageSync） 可以对本地缓存进行设置、获取和清理。本地缓存最大为10MB 2....
微信下程序demo：电影麻辣烫.rar
01-25
可以学习如何使用`wx.setStorageSync`和`wx.getStorageSync`进行本地数据存储，或者通过`Page`对象的`data`属性进行组件间的数据传递。 7. **生命周期方法**：每个小程序页面都有其特定的生命周期，如`onLoad`、`...
微信webview localStroage数据丢失
huanfengwu的专栏
06-17 1220
这两天遇到了保存在微信浏览器localStorage的数据丢失的问题，度娘得到的解释是webview销毁后数据就丢了，尝试通过保存在cookie中解决问题，仍未解决。最后放弃，数据通过接口保存在服务端了。 ...
小程序设置缓存并且不覆盖原有数据
惊蛰雨不惊
04-09 3278
最近在写小程序的小项目，因为是刚上手小程序，这途中遇到了许多问题，所幸在自己的坚持不懈下基本都得到了解决，今天就记录一下怎么设置缓存数据并且不覆盖吧，如果有错误的地方麻烦大家指正，互相学习一下！ 这是官方的关于缓存的说明，它会覆盖掉之前的内容。我还是直接上源码吧 这是writecomment.js文件 Page({ /** * 页面的初始数据 */ data: { ...
微信小程序:本地存储
llj1028的博客
02-07 781
微信小程序：本体存储；同步存储；异步存储；缓存的限制和隔离
微信小程序——本地数据缓存同步wx.setStorageSync()、异步wx.setStorage()
时代新人的博客
04-02 3604
在开发中难免会遇到一些数据需要缓存到本地，方便使用。微信小程序里提供了数据缓存的方法： 1、将数据缓存到本地： 同步缓存：wx.setStorageSync() 异步缓存：wx.setStorage() 在程序中使用： // 同步 向本地缓存数据 wx.setStorageSync('id', '002'); // 异步 向本地缓存数据 wx.setS...
微信小程序开发踩坑记录
Xiaofeng_Lu__的博客
04-20 1358
1. 微信小程序给组件的data赋值 2.微信小程序本地存储wx.getStorageSync和wx.setStorageSync的坑 3.微信小程序对data{}的监听机制 4.微信小程序给组件的properties传参时，properties一定要指定数据类型，否则真机测试会报错！！！ 5 微信小程序报错Do not have xxx handler in current page，xxxx 6 微信小程序异步转同步
微信小程序 wx.setStorageSync
04-29
wx.setStorageSync是一个微信小程序API，用于同步将数据存储到本地缓存中。它需要两个参数：key和data。key是数据存储的键名，data是要存储的数据。存储的数据会覆盖相同key的缓存数据。该方法会阻塞当前的执行，直到数据存储完成。 使用示例： ``` wx.setStorageSync('key', 'value'); ``` 在上面的示例中，将字符串'value'存储到了'key'中。如果需要存储JSON对象，可以使用JSON.stringify()方法将其转换为字符串，然后再存储。例如： ``` var data = {name: '张三', age: 18}; wx.setStorageSync('user', JSON.stringify(data)); ``` 这样就将一个包含name和age属性的JSON对象存储到了'user'中。要获取缓存数据，可以使用wx.getStorageSync()方法。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值