小程序的路由 和 参数的传递

### 微信小程序获取路由参数 在微信小程序中，当通过 `wx.navigateTo` 或其他导航方法进行页面跳转并携带参数时，在目标页面可以通过 `onLoad` 生命周期函数中的 `options` 参数来访问这些数据[^1]。 对于常规的页面间传递参数情况： ```javascript // 假设这是发起跳转的地方 wx.navigateTo({ url: '/pages/targetPage/targetPage?id=123&name=John', }); ``` 而在接收端的目标页面，则可通过如下方式读取传入的信息： ```javascript Page({ onLoad: function (options) { // options 即为所接收到的对象形式的参数集 console.log('Received parameters:', options); // 如果需要单独处理某个特定参数比如id let receivedId = options.id; console.log(`The ID is ${receivedId}`); } }) ``` 值得注意的是，除了上述基本的方式外，还有其他的辅助工具可以帮助解析更复杂的场景下的URL参数。例如使用自定义的帮助函数或库来进行更加灵活的操作[^3]。 另外一种常见的做法是在模板文件里直接利用绑定表达式完成简单的参数附加工作，这通常发生在列表项点击事件触发的情况下[^5]: ```html <navigator url="/pages/goodList/index?goodsClassId={{item.id}}&name={{item.name}}" class="oit" hover-class="none"> <!-- 组件内部结构 --> </navigator> ``` 这里需要注意不同的API用于不同类型的页面切换：`navigateTo`, `redirectTo`适用于非tabBar页面间的转换；而`switchTab`专门用来转向设置好的tabBar页面，并且不允许附带额外参数；至于`reLaunch`则提供了更为广泛的适用范围——能够重新加载指定的应用内任何页面的同时清除当前栈内的其它页面[^4]。