Uniapp路由传递数据
在 UniApp 中，可以使用路由参数传递来在页面之间传递数据。UniApp提供了多种传递参数的方式，下面列举了几种常用的方法：
1. Query 参数传递：
在 `uni.navigateTo` 或 `uni.redirectTo` 方法中，可以通过 `url` 参数携带 Query 参数来传递数据。示例代码如下：
“`javascript
uni.navigateTo({
url: '/pages/detail?id=1&name=example'
});
“`
在目标页面中，可以通过 `this.$route.query` 或 `uni.getStorageSync` 方法来 Query 参数的值。
2. URL 传参：
在 `uni.navigateTo` 或 `uni.redirectTo` 方法中，可以通过在 URL 中拼接参数来传递数据。示例代码如下：
“`javascript
uni.navigateTo({
url: '/pages/detail/1'
});
“`
在目标页面的 `pages.json` 中配置路由时，可以使用动态路由来匹配 URL 参数。例如：
“`json
{
"path": "/pages/detail/:id",
"style": {
"navigationBarTitleText": "详情页"
}
}
“`
在目标页面中，可以通过 `this.$route.params` 或 `uni.getStorageSync` 方法来 URL 参数的值。
3. Storage 传参：
使用 `uni.setStorageSync` 方法将数据存储在本地缓存中，然后在目标页面中使用 `uni.getStorageSync` 方法来存储的数据。示例代码如下：
在当前页面：
“`javascript
uni.setStorageSync('data', { id: 1, name: 'example' });
uni.navigateTo({
url: '/pages/detail'
});
“`
在目标页面：
“`javascript
const data = uni.getStorageSync('data');
console.log(data);
“`
以上是几种常用的 UniApp 路由参数传递方式。根据实际需求，选择合适的方式来传递数据。在目标页面中，可以通过 `this.$route.query`、`this.$route.params` 或 `uni.getStorageSync` 方法来传递的参数值。
2024最新激活全家桶教程，稳定运行到2099年，请移步至置顶文章：https://sigusoft.com/99576.html
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请联系我们举报，一经查实，本站将立刻删除。 文章由激活谷谷主-小谷整理,转载请注明出处：https://sigusoft.com/8930.html
