在微信小程序中,页面路由用于页面之间的跳转和导航。微信小程序提供了一些 API 用于实现页面的跳转、返回等操作。以下是一些常用的页面路由相关的 API:

1. wx.navigateTo(object):

用于保留当前页面,同时打开新页面。新页面可以在左上角返回按钮处返回到上一页面。
wx.navigateTo({
  url: '/pages/detail/detail'
});

2. wx.redirectTo(object):

用于关闭当前页面,打开新页面。新页面将替代掉当前页面,不可返回到上一页面。
wx.redirectTo({
  url: '/pages/about/about'
});

3. wx.reLaunch(object):

关闭所有页面,打开新页面。可以用于页面重定向,新页面将成为小程序的首页。
wx.reLaunch({
  url: '/pages/index/index'
});

4. wx.navigateBack(object):

关闭当前页面,返回上一页面。
wx.navigateBack({
  delta: 1
});

delta 表示返回的页面数,如果 delta 大于现有页面数,则返回到首页。

5. wx.switchTab(object):

跳转到 tabBar 页面,并关闭其他所有非 tabBar 页面。
wx.switchTab({
  url: '/pages/index/index'
});

6. 页面参数传递:

在页面之间跳转时,可以通过URL传递参数:
wx.navigateTo({
  url: '/pages/detail/detail?id=123&name=example'
});

在被打开的页面的 onLoad 生命周期中可以通过 options 参数获取传递过来的参数:
onLoad: function(options) {
  console.log(options.id);   // 输出 123
  console.log(options.name); // 输出 example
}

这些是一些基本的页面路由的 API,可以根据实际需要进行使用。页面路由是小程序中进行页面跳转和导航的核心机制,合理使用这些API可以实现页面间的流畅切换和交互。


转载请注明出处:http://www.zyzy.cn/article/detail/605/微信小程序