微信小程序刷新页面购物车数据消失解决方法

最新推荐文章于 2022-10-11 17:26:00 发布
最新推荐文章于 2022-10-11 17:26:00 发布
阅读量1.3k 收藏 3
点赞数 1
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wsxDream/article/details/112278876
版权
本文介绍了微信小程序中解决购物车数据在页面刷新后消失的问题。通过在onLoad方法中获取购物车数据并渲染，同时将数据保存至本地，再在onShow方法中重新读取显示，确保数据持久化。
摘要由CSDN通过智能技术生成

首先通过接口在onload里获取到购物车数据渲染出来
然后将购物车数据保存到本地


  wx.setStorageSync('cart', res.data.data[0].orderItemList)

然后在onShow里再拿出来

   * 生命周期函数--监听页面显示
   */
  onShow: function ()
最低0.47元/天 解锁文章
An ape
关注
  • 1
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序页面跳转后Page里的data数据消失的问题
qq_45963949的博客
01-15 4094
一般出现这样的问题都是不正确的路由跳转导致的： 微信小程序有多种路由跳转的接口如wx.switchTab，wx.reLaunch，wx.redirectTo，wx.navigateTo，wx.navigateBack 在学习这些路由跳转接口的时候需要知道一个前提，那就是微信小程序页面的生命周期： 函数 功能 onLoad 监听页面加载 onReady 监听页面初次渲染完成 onShow 监听页面显示 onHide 监听页面隐藏 onUnload 监听页面关闭 然后我们其中
微信小程序购物车代码.zip
07-08
微信小程序购物车代码.zip是一个包含实现微信小程序购物车功能的源代码压缩包。在这个项目中，我们可以探索到微信小程序在电商应用中的核心组件和功能，包括商品选择、数量增减、总价计算、选中状态管理以及可能的...
购物车刷新数据丢失的问题
热门推荐
object not found的博客
08-09 1万+
uniapp刷新页面购物车（vuex）数据丢失问题解决方法
微信小程序如何隐藏左上角返回首页按钮？
weixin_42220130的博客
07-07 6038
小程序如何隐藏左上角返回首页按钮？两种方法方法一： 在页面的onShow或onLoad或onHide函数里调用wx.hideHomeButton() 方法二： 注册页面的pages.json里面写上
小程序页面之间参数传递
weixin_41451859的博客
08-01 349
第一种（在 onLoad 或 onShow接收参数）： <navigator url="../logs/logs?name={{name}}">跳转</navigator> 或 <view bindtap="toLogs">跳转</view> 利用wx.switchTab、wx.reLaunch、wx.redirectTo、wx.navigateTo、wx.navigateBack方法进行跳转 toLogs() { wx.red...
微信小程序隐藏左上角返回首页按钮
dahuilanq1990的博客
12-16 4303
微信7.0.7版本起，当用户打开的小程序最底层页面是非首页时，默认展示“返回首页”按钮，开发者可在页面 onShow 中调用 hideHomeButton 进行隐藏。 wx.hideHomeButton() 需要注意: 基础库 2.8.3 开始支持，低版本需做兼容处理 if (wx.canIUse('hideHomeButton')) { wx.hideHomeButton() } ...
微信小程序页面返回会自动刷新数据丢失的问题
shving的专栏
12-10 5119
最近在开发微信小程序的过程中发现，当点击一个很深路径的页面时，再返回上一级页面的时候，上一级页面会刷新，数据丢失，原因是因为： 微信小程序的页面层级最多五层，如果超过了五层，第五层的页面会被销毁，当页面回退的时候，上一级的页面需要重新创建，所以原来页面上的数据就会丢失。 所以你可以使用redirectTo 来代替 navigateTo 关闭当前页面，跳转到应用内的某个页面。 ...
微信小程序点餐系统源码
05-14
微信小程序点餐系统源码是基于Java后台开发和微信小程序前端实现的一种在线餐饮订餐解决方案。这个系统允许用户通过微信小程序直接浏览餐厅菜单，选择菜品，完成下单，并进行支付，为顾客提供了便捷的用餐体验。下面...
原生微信小程序源码 - -购物车源码
最新发布
05-01
1. **数据管理**：微信小程序使用了基于JSON的全局数据管理机制，商品信息、购物车状态等都存储在Page对象的data属性中。开发者需要通过`setData`方法来更新数据并触发视图层的刷新。 2. **商品添加**：用户可以...
微信小程序购物车功能 含样式
06-29
在微信小程序中实现购物车功能是一项常见的任务，它涉及到用户交互、数据管理、以及与后端服务的通信。本文将详细解析如何构建这样一个功能，并结合样式设计，为用户提供良好的购物体验。 首先，我们需要理解微信小...
微信小程序去除左上角返回键的实现方法
11-21
碰到这个问题，是因为没了解这里面的层级关系： 默认的是navigator跳转，其它跳转方式open-type属性可选值是’navigate’、’redirect’、’switchTab’等 官网上这么写的： 对应于wx.navigateTo、wx.redirectTo、wx.switchTab的跳转功能 open-type=”navigate”等价于wx.navigateTo而wx.navigateTo的url是需要跳转的应用内非 tabBar 的页面的路径 open-type=”redirect”等价于wx.redirectTo而wx.redirectTo的url是需要跳转的应用内非 ta
微信小程序实战 购物车功能
06-22
微信小程序提供了`wx.setStorageSync`和`wx.getStorageSync`方法，可以将购物车数据存入手机本地，用户再次打开时可以从本地恢复。 8. **购物车逻辑** - **添加商品**：用户点击商品添加到购物车时，检查购物车中...
小程序跳转后返回上一页空白问题
xiaokangna的博客
04-14 1898
当小程序使用跳转后返回上一页他页面变成了空白 1、首先要确定用的跳转方式，会不会关闭当前页，跳转的方式一定要可以保留当前页 2、也是我工作遇到的一个逻辑问题，比如你首页引入了一个组件，然后页面全部放在那个组件里，这个时候，你要通过点击判断token跳转登入页，或者跳转其他页，这时候你用微信的返回函数，就会出现问题，因为你的页面是通过组件的形式引入在index页面的，然后你点击事件是放在组件里面的，这时候点击事件跳转，当你返回的时候，这个页面返回在你点击的那个组件页面的，而不是返回的index页面，这个逻辑层
小程序返回上一页刷新后返回上一页消失怎么办？
Andyspoke的博客
06-01 347
小程序返回上一页刷新后返回上一页消失怎么办？
微信浏览器中解决vuex刷新页面丢失的问题
qq_37942845的博客
07-03 970
if (sessionStorage.getItem('store')) { this.$store.replaceState(Object.assign({},this.$store.state,JSON.parse(sessionStorage.getItem('store')))) sessionStorage.removeItem('store') } w...
微信小程序返回上一级并调用方法
刘刘刘的博客
10-11 1762
微信小程序返回上一级并调用方法
关于uniapp cheneckbox复选框不显示对号的问题
kakabulala的博客
03-06 1694
找到文件中的main.css文件 找到其中的 checkbox .uni-checkbox-input::before 注释掉 找到其中的 z-index: 9 注释掉 之后就可以让复选框显示对钩了
微信小程序更新数组数据，页面不刷新问题
yinge0508的博客
10-06 7441
微信小程序更新数组数据，页面不刷新问题
微信小程序开发技巧与常见问题总结
"这篇内容主要总结了原生微信小程序开发中的关键知识点和常见问题，涵盖了从页面优化到功能实现的多个方面。" 1. **获取地理位置**：微信小程序提供了获取用户当前位置的能力，这对于本地服务应用或者基于位置的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值