当前位置:   article > 正文

小程序页面跳转方法_小程序关闭当前页面

小程序关闭当前页面

一、switchTab() 跳转到tabBar页面,并关闭其他所有非tabBar页面

  1. wx.switchTab({
  2. url: '/index'
  3. })

二、reLaunch() 关闭所有页面,打开到应用内的某个页面

  1. wx.reLaunch({
  2. url: 'test?id=1'
  3. })

三、redirectTo() 关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到tabBar页面 

  1. wx.redirectTo({
  2. url: 'test?id=1'
  3. })

四、navagateTo() 保留当前页面,跳转到应用内的某个页面。但是不能跳转到tabbar页面。使用wx.navigateBack可以返回到原页面。小程序中页面栈最多十层。 

  1. wx.navigateTo({
  2. url: 'test?id=1',
  3. events: {
  4. // 为指定事件添加一个监听器,获取被打开页面传送到当前页面的数据
  5. acceptDataFromOpenedPage: function(data) {
  6. console.log(data)
  7. },
  8. someEvent: function(data) {
  9. console.log(data)
  10. }
  11. ...
  12. },
  13. success: function(res) {
  14. // 通过 eventChannel 向被打开页面传送数据
  15. res.eventChannel.emit('acceptDataFromOpenerPage', { data: 'test' })
  16. }
  17. })

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

  1. // 注意:调用 navigateTo 跳转时,调用该方法的页面会被加入堆栈,而 redirectTo 方法则不会。见下方示例代码
  2. // 此处是 A 页面
  3. wx.navigateTo({
  4. url: 'B?id=1'
  5. })
  6. // 此处是 B 页面
  7. wx.navigateTo({
  8. url: 'C?id=1'
  9. })
  10. // 在 C 页面内 navigateBack,将返回 A 页面
  11. wx.navigateBack({
  12. delta: 2
  13. })

六、eventChannel页面间事件通信通道

EventChannel.emit(string, eventName, any args)  // 触发一个实践

EventChannel.on(string eventName, EventCallback fn)  // 持续监听一个事件

EventChannel.once(string eventName, EventCallback fn)  // 监听一个事件一次,触发后失效

EventChannel.off(string eventName, EventCallback fn)  // 取消监听一个事件。给出第二个参数时,只取消给出的监听函数,否则取消所有监听函数。

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/我家小花儿/article/detail/94066?site=
推荐阅读
相关标签
  

闽ICP备14008679号