微信小程序

微信小程序跳转页面方法与返回方法汇总

12-10 14: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”跳转时会关闭当前页面,所以再使用返回函数无效,页面无响应

微信小程序
大潇博客 版权所有 Copyright ©2016~2025
京ICP备17004217号-6  合作QQ:284710375
天玺科技