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/微信小程序