您当前的位置:首页 > 微信小程序开发笔记 >

路由API(也称导航API)

0

路由API用于实现页面跳转,常用的路由API方法有3个,分别是wx.navigateTo()、wx.redirectTo()和wx.switchTab(),具体说明如下。

  • wx.navigateTo():用于跳转到另一个页面,跳转后原来的页面会保留,并在导航栏左侧提供一个返回按钮,用户可以返回到之前的页面。微信小程序中的页面栈最大限制为 10 层。该方法不能用于标签页切换。
  • wx.redirectTo():用于关闭当前页面(卸载当面页面并执行页面的 onUnload 事件函数),跳转到一个新页面。该方法不能用于标签页切换。
  • wx.switchTab():用于跳转到某个标签页,并关闭其他所有非标签页的页面。

他们之间的区别是:redirectTo将关闭当前页面,跳转到指定页面;navigateTo将保留当前页面,跳转到指定页面;而switchTap只能用于跳转到带tabbar的页面,并关闭其他所有非tabBar页面。

redirectTo和navigateTo在使用方式上完全相同,他们都接受一个Object对象作为参数。Object对象中最重要的属性是url,它将指定要跳转的页面路径。请注意url是页面的路径,不要加上文件的扩展名(如同app.json中定义pages一样)。

Page({
  onTapJump:function(event){
    wx.redirectTo({
      url:"../post/post",
      success:function(){console.log("jump success");},
      fail:function(){console.log("jump failed");},
      complete:function(){console.log("jump complete");},
    });
  },
  onUnload:function(event){console.log("page is unload");},
  onHide:function(event){console.log("page is hide");},
});

建站咨询

在线咨询真诚为您提供专业解答服务

咨询热线

137 1731 25507×24小时服务热线

微信交流

二维码终于等到你,还好我没放弃
返回顶部