微信小程序页面跳转后Page里的data数据消失的问题

微信小程序页面在使用wx.navigateTo等接口跳转后可能出现data数据消失的问题,这通常由于不正确的路由跳转方式引起。wx.navigateTo会导致源页面进入onHide状态,新页面进入onShow状态,若再次使用wx.navigateTo返回,会创建新的页面实例,从而丢失原有页面的数据。正确理解和使用wx.redirectTo和wx.reLaunch等接口可以避免此类问题。
摘要由CSDN通过智能技术生成

一般出现这样的问题都是不正确的路由跳转导致的:

微信小程序有多种路由跳转的接口如wx.switchTab,wx.reLaunch,wx.redirectTo,wx.navigateTo,wx.navigateBack

在学习这些路由跳转接口的时候需要知道一个前提,那就是微信小程序页面的生命周期:

函数 功能
onLoad 监听页面加载
onReady 监听页面初次渲染完成
onShow 监听页面显示
onHide 监听页面隐藏
onUnload 监听页面关闭

然后我们其中挑其中最常用的讲讲:

wx.navigateTo:

在这里插入图片描述
·如图所示,从index页面使用 wx.navigateTo 前往Page1,那么index页面就会转变为onHide状态,Page1页面转变为onShow状态,如果摁返回键就会执行左边返回时的转变过程。
·就遇到微信小程序页面跳转后Page里的data数据消失的问题而言,那就是使用了 wx.navigateTo 到下一个页面,然后又尝试使用 wx.navigateTo 回到上一个页面就会出现上一个页面的data丢

  • 2
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值