微信小程序路由跳转与传值

原创

已于 2024-04-23 20:48:52 修改 · 478 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #开发语言

于 2023-06-26 16:46:28 首次发布

本文详细介绍了微信小程序中的路由跳转方式，包括生命式navigator跳转和编程式导航跳转，如navigateTo、switchTab、redirectTo和reLaunch等，并讲解了不同跳转方式的特点。同时，还探讨了小程序的路由传值方法，如url路径拼接传值和自定义事件传值，提供了具体的代码示例。

小程序路由跳转方式:

1, 生命式navigator跳转
<navigator url="/pages/camera/camera">非tabbar跳转</navigator>
<navigator url="/pages/tags/tags" open-type="redirect">非tabbar跳转</navigator>
<navigator open-type="switchTab" url="/pages/user/user">tabbar跳转</navigator>
<navigator url="/pages/index/index" open-type="reLaunch">任意跳转</navigator>
<navigator open-type="navigateBack">返回上一页</navigator>
<navigator open-type="exit" target="miniProgram">退出小程序</navigator>

2, 编程式导航跳转非tabbar跳转和 tabbar跳转
保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面,使用 wx.navigateBack 可以返回到原页面。小程序中页面栈最多十层
wx.navigateTo({
url: '/pages/event/event',
})
跳转到 tabBar 页面，并关闭其他所有非 tabBar 页面
wx.switchT