2020-12-21

小程序页面跳转,重定向以及清楚页面栈

今天在做小程序跳转的时候,才感觉有点怪怪的,小程序跳转总共四种方式:

wx.switchTab这个是跳转tab页面:

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面

wx.switchTab({
  url: '/index'  //(tab页路径)
})

 wx.navigateTo这个是正常的页面跳转:

保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面。小程序中页面栈最多十层。

wx.navigateTo({
  url: '/index?id=1', //(跳转正常页面但不能跳转tab页面)
})

 wx.navigateBack返回上次跳转页面:

关闭当前页面,返回上一页面或多级页面。可通过 getCurrentPages 获取当前的页面栈,决定需要返回几层。

// 在当前页面内 navigateBack,将返回上一次n页面
wx.navigateBack({
  delta: 2     //(delta 返回页面栈数)
})

 wx.redirectTo 跳转页面,如果没有自己设置返回按钮就不带返回的左箭头

关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。

wx.redirectTo({
  url: '/index?id=1'
})

 wx.reLaunch 跳转页面,而且清除所有的页面栈

关闭所有页面,打开到应用内的某个页面

wx.reLaunch({
  url: '/index?id=1'
})

我这次的需求是跳转页面不带返回箭头,而且不产生页面栈,才发现可以连着用,比如:

wx.redirectTo({

      url: '/index?data=' + data,

    })

    wx.navigateBack({delta:1}); 

如果有什么不对,望请各位大佬指点。嘻嘻

 

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值