1. 页面跳转:
- 使用 wx.navigateTo 方法进行页面跳转,新页面将被推入栈中,用户可返回到上一个页面。
// 在某个页面的事件处理函数中跳转到新页面
wx.navigateTo({
url: '/pages/newpage/newpage'
})
2. 页面重定向:
- 使用 wx.redirectTo 方法进行页面重定向,新页面会替换当前页面,用户无法返回到上一个页面。
// 在某个页面的事件处理函数中进行页面重定向
wx.redirectTo({
url: '/pages/newpage/newpage'
})
3. 返回上一页:
- 使用 wx.navigateBack 方法返回到上一个页面。
// 在某个页面的事件处理函数中返回上一页
wx.navigateBack()
4. 跳转到 tabBar 页面:
- 使用 wx.switchTab 方法进行跳转到 tabBar 页面。
// 在某个页面的事件处理函数中跳转到 tabBar 页面
wx.switchTab({
url: '/pages/tabpage/tabpage'
})
5. 传递参数:
- 在跳转时,可以通过 url 中的查询参数传递数据,接收数据的页面可以在 onLoad 生命周期中获取参数。
// 在某个页面的事件处理函数中跳转并传递参数
wx.navigateTo({
url: '/pages/newpage/newpage?param1=value1¶m2=value2'
})
// 在接收参数的页面的 onLoad 生命周期中获取参数
onLoad: function (options) {
console.log(options.param1) // 输出传递的参数值
}
注意:在实际项目中,建议使用encodeURIComponent和decodeURIComponent对参数进行编码和解码,以防止特殊字符引起的问题。
以上是一些基本的微信小程序路由操作。根据具体需求,你可以选择合适的方法来进行页面跳转和参数传递。
转载请注明出处:http://www.zyzy.cn/article/detail/765/微信小程序