首页uniapp 路由传参跳转

uniapp 路由传参跳转

时间: 2025-04-24 21:52:18 浏览: 39

### UniApp 中通过路由传递参数进行页面跳转在 UniApp 开发过程中，页面之间的数据传输是一个常见的需求。为了实现这一功能，可以通过 URL 参数的方式来进行页面间的传参。 #### 使用 `navigateTo` 进行带参数的页面跳转当需要从一个页面导航至另一个页面并携带参数时，可以使用 `uni.navigateTo()` 方法，并将参数附加到目标页面的 URL 后面： ```javascript // 在源页面中调用 navigateTo 并附带参数 uni.navigateTo({ url: 'test?id=1&name=uniapp' }); ``` 上述代码片段展示了如何利用查询字符串的形式来发送简单的键值对作为参数[^3]。对于接收方来说，则可以在目标页面 onLoad 生命周期钩子函数内获取这些参数： ```javascript export default { onLoad(options) { // options为对象，key/value对应GET请求参数名/值 console.log('接收到id:', options.id); console.log('接收到name:', options.name); } } ``` 此方式适合于上级页面向单一方向下级页面传送少量公开信息的情况[^4]。 #### 关闭当前页并转向新页面的同时传递参数如果应用场景要求关闭现有视图再进入下一个界面而不允许回退操作的话，那么应该选用 `redirectTO` API 来代替普通的 `navigateto` 。这同样支持带有参数的 URL 形式的地址访问[^5]: ```javascript // 当前页面会消失不再保留历史记录栈中 uni.redirectTo({ url:'result?status=success&message=Operation completed.' }) ``` 以上就是关于 UniApp 实现基本路由传参与页面切换的主要介绍[^1]。

阅读全文