微信小程序（路由传参）

原创

已于 2024-05-22 16:44:42 修改 · 1.2k 阅读

CC 4.0 BY-SA版权

文章标签：

于 2024-05-22 14:28:53 首次发布

微信小程序的路由系统和其他Web应用类似，主要通过页面路径和URL参数进行页面导航和数据传递。下面详细介绍微信小程序路由的基本使用方法和相关技巧。

在微信小程序的 app.json 文件中，需要配置小程序的页面路径。这里定义了小程序中包含的所有页面路径。

{
  "pages": [
    "pages/index/index",
    "pages/detail/detail"
  ]
}

微信小程序提供了多种导航 API，可以在页面之间进行跳转。

`wx.navigateTo`	保留当前页面，跳转到应用内的某个页面，使用 `wx.navigateBack` 可以返回到原页面
`wx.redirectTo`	关闭当前页面，跳转到应用内的某个页面
`wx.switchTab`	跳转到指定的 tabBar 页面，并关闭其他所有非 tabBar 页面