微信小程序页面跳转

经验区 佚名
微信小程序页面跳转是指在小程序中通过代码实现从当前页面跳转到另一个页面。以下是微信小程序页面跳转的几种方式:
1. navigateTo:保留当前页面,跳转到应用内的某个页面,可返回原页面。使用wx.navigateTo()函数实现,如:
``` wx.navigateTo({ url: '/pages/detail/detail?id=123' }) ```
2. redirectTo:关闭当前页面,跳转到应用内的某个页面,不可返回原页面。使用wx.redirectTo()函数实现,如:
``` wx.redirectTo({ url: '/pages/index/index' }) ```
3. switchTab:跳转到应用内的某个tabBar页面,可返回原页面。使用wx.switchTab()函数实现,如:
``` wx.switchTab({ url: '/pages/index/index' }) ```
4. reLaunch:关闭所有页面,跳转到应用内的某个页面。使用wx.reLaunch()函数实现,如:
``` wx.reLaunch({ url: '/pages/index/index' }) ```
在跳转时,也可以通过URL传递参数,如:
``` wx.navigateTo({ url: '/pages/detail/detail?id=123&name=test' }) ```
在目标页面中,可以通过getCurrentPages()函数获取当前页面栈信息,通过options参数获取传递的参数,如:
``` onLoad: function (options) { console.log(options.id) //输出123 console.log(options.name) //输出test } ```
以上是微信小程序页面跳转的几种方式和传递参数的方法,开发者可以根据自己的需求选择合适的方式。