156-0102-3311
联系QQ 284710375
首页 > 技术分享 > 微信小程序
分享到:收藏

微信小程序跳转页面方法与返回方法汇总2021-12-10 14:36:48

大潇博客 原创文章,转载请标明出处

小程序有三种跳转页面的方法,分别是:

wx.navigateTo

wx.redirectTo

wx.switchTab


这三个跳转页面的不同点是:

wx.navigateTo:保留当前页面,跳转到小程序内的某个页面,但是不能跳到tabbar设置的页面。

wx.redirectTo:关闭当前页面,跳转到应用内的某个页面,但是不允许跳转到 tabbar设置的 页面。

wx.switchTab:跳转到tabBar页面,并关闭其他所有tabBar页面。


这三种跳转页面的方法传参也都是需要在地址后面以‘?’拼接。


wx.navigateTo({

    url: '../digitalkeyboard/digitalkeyboard?去另一个页面要用来获取的参数名=' + 需要传参的变量或值

})

wx.redirectTo({

    url: '../digitalkeyboard/digitalkeyboard?去另一个页面要用来获取的参数名=' + 需要传参的变量或值

})

wx.switchTab({

    url: '../digitalkeyboard/digitalkeyboard?去另一个页面要用来获取的参数名=' + 需要传参的变量或值

})


返回上一页的方法是:

wx.navigateBack({

  delta: 1,  // 返回上一级页面。

  success: function() {

      console.log('成功!')

  }

})


wx.navigateBack返回的是上一个未被关闭的页面,也就是已经加载并且被微信临时缓存的页面

所以,需要注意的是,只有用“wx.navigateTo”跳转页面,才可以使用“wx.navigateBack”返回,“wx.redirectTo”和“wx.switchTab”跳转时会关闭当前页面,所以再使用返回函数无效,页面无响应

打赏

阅读排行

    大家都在搜

    博客维护不易,感谢你的肯定
    扫码打赏,建议金额1-10元
  • 15601023311