解决uni-app小程序获取路由及路由参数

已于 2024-01-15 15:27:51 修改
阅读量2.2k 收藏 5
点赞数 9
分类专栏： 项目实操 uni-app 文章标签： uni-app 小程序
于 2024-01-09 17:30:01 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/weixin_44412840/article/details/135485894
版权
本文介绍了在uni-app中解决获取路由及其参数的方法，包括两种方式：一种是通过错误信息解析，另一种是推荐使用onLoad生命周期钩子，确保页面加载时即发送请求获取数据。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

方法一

代码：

      this.id = this.$route.query.id;

错误信息：
在这里插入图片描述
解决方案：

      // 获取query对象

      //  #ifdef H5
了解本专栏 订阅专栏 解锁全文 超级会员免费看
uni-app - 详细实现 H5 端获取当前页面的路由和参数（得到当前页面地址的路径 URL）
王二红
12-18 1万+
Uniapp怎么获取当前页面路由，uniapp获取当前路由地址，uniapp获取当前页面的路径，UNI-APP_uni-app获取当前页面路由，uni-app获取当前url地址参数，uni-app如何获取当前页面路由，uniapp获取当前页面路由及参数，uniapp获取当前页面传递的参数及路由的方法，uniapp获取当前页面路由及参数获取Uni-app页面路由的方式，在uniapp、mpvue、vue(h5)中如何获取当前页面和地址栏，uniapp获取当前路由的参数并且加入到缓存，uniapp获取当前页面
HBuilderX（uni-app）Vue3路由传参和接收路由参数！！
xiaolouuuu的博客
12-11 1745
uni-app搭建小程序时候Vue3语法接收路由参数，去官方文档查看，是onLoad的option接收参数，我试过，接收不到，上网查各种方法也是不太行，最后自己琢磨出来了，这参数藏得还挺深！！
【uniapp】各端获取路由路径的方法
最新发布
L_xxxxxxx的博客
03-22 844
【uniapp】各端获取路由路径的方法
在 uni-app项目中获取路由参数
m0_71873158的博客
07-26 2637
在 uni-app项目中获取路由参数原生微信小程序获取页面路由参数：在 uni-app项目中获取页面路由参数：
uniapp获取当前页面路由及参数
wilL-my的博客
06-19 1万+
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route //获取当前页面路由 let curParam = routes[routes.length - 1].options; //获取路由参数 // 拼接参数 let param = '' for (let key in curParam) { param += '&' + key + '=' + cu.
uniapp路由跳转传递与接收参数
热门推荐
前端卷王小白的博客
04-20 1万+
uniapp,vue,路由跳转,传递与接收参数
uniapp 微信小程序获取页面路由参数（封装好的方法，即拿即用）
honeymoon_的博客
04-12 5583
1. 代码 // 获取页面URL参数 export function getLocationParams(name) { //获取页面栈 const pages = getCurrentPages(); //获取路由参数 const curPage = pages[pages.length - 1]; return name ? curPage.options[name] : curPage.options; } 2. 使用 //获取路由携带的id参数 let id = getLoca
uni-app小程序完整项目源码，可二次开发，发布
12-20
《uni-app小程序开发详解》 uni-app是一款基于Vue.js的多端开发框架，它允许开发者编写一次代码，就能实现跨平台应用的开发，包括微信小程序、H5、App等。本项目提供了一个完整的uni-app小程序的源码，适用于二次...
uni-app制作咖啡小程序项目
03-18
【uni-app制作咖啡小程序项目】是一个使用uni-app框架开发的移动端应用项目，主要目标是创建一个便于用户订购咖啡的小程序。uni-app是一个基于Vue.js的多端开发框架，它可以让你用一套代码同时发布到微信、支付宝、...
uni-simple-router实现简单的路由守卫
04-21
uni-simple-router是专为uni-app设计的一个轻量级路由管理插件，它提供了一些强大的特性，包括路由守卫，使我们能够更好地控制应用程序的导航流程。 首先，我们需要了解路由守卫的基本概念。在Web开发中，路由守卫...
uni-app 实现小程序 仿微信 我的界面
03-30
【uni-app实现小程序：仿微信“我的”界面详解】 在移动应用开发领域，uni-app是一个备受推崇的跨端框架，它允许开发者用一套代码编写应用，同时发布到多个平台，如微信小程序、支付宝小程序、H5、App等。本教程将...
uniapp 获取当前页面路由
qwyio的博客
04-11 6947
getCurrentPages( ) 用于获取当前页面栈的实例，以数组形式按照栈的顺序返回，第一个元素为首页，最后一个为当前页面。 let currentRoutes = getCurrentPages(); // 获取当前打开过的页面路由数组 let currentRoute = routes[currentRoutes.length - 1].route //获取当前页面路由 let currentParam = routes[currentRoutes.length - 1].options;.
uniapp获取路由传参
qq_45479398的博客
08-30 1926
uniapp获取路由传参 在跳转的页面接受参数 onLoad(option){ console.log(option) }
uniapp-路由和传参
m0_74019046的博客
03-31 2459
分为 navigator组件跳转和调用api跳转。
uni-app 取路由参数的两种方式，selectorQuery 对象实例，uni.upx2px
木子李的博客
09-08 4095
uni-app 路由参数 /** *路由取参 两种方式 *first：通过data *second： 通过计算属性computed: *getCurrentPages() 函数用于获取当前页面栈的实例，以数组形式按栈的顺序给出，第一个元素为首页，最后一个元素为当前页面。 */ <script> export default { data() { const routers = getCurrentPages() const { product_id }
uni-app获取当前页面路由，获取当前url地址参数
前端的路上
12-01 7968
利用uniappAPI，获取当前页面路由，获取当前url地址参数
uniapp获取当前页面路由及参数 _@jie
tattoo_jie的博客
04-06 2591
let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route //获取当前页面路由 let curParam = routes[routes.length - 1].options; //获取路由参数 // 拼接参数 let param = '' for (let key in curParam) { param += '&' + key + '=' + cur
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

Kingsaj

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值