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

这篇具有很好参考价值的文章主要介绍了解决uni-app小程序获取路由及路由参数。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

解决uni-app里面的小程序获得当前路由及路由参数

在uni-appH5端可以获得当前页面的路由及参数,但是小程序里面就开始报错:

代码:

this.type = this.$route.query.type  //获取type携带的参数

在小程序中报的错误:
解决uni-app小程序获取路由及路由参数

解决方案:

 // 获取当前页面栈的实例,以数组形式按栈的顺序给出,第一个元素为首页,最后一个元素为当前页面  
let pages = getCurrentPages();
let page = pages[pages.length - 1].$page.fullPath;  //完整路由地址
this.type = page.split('type=')[1]  //携带的type参数

Thank you for reading, your likes and favorites are the biggest motivation for my creation文章来源地址https://www.toymoban.com/news/detail-514770.html

到了这里,关于解决uni-app小程序获取路由及路由参数的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • uni-app小程序跳转其他小程序、获取目标小程序的页面地址

    一、小程序中跳转其他小程序 1、在manifest.json中的mp-weixin目录下添加配置(替换目标小程序appid) 2、在需要跳转的页面添加按钮点击事件,替换path以及传参 二、获取其他小程序页面地址 微信小程序中官方文档获取地址入口已经关闭不能用了(https://kf.qq.com/faq/180725biaAn21807

    2024年02月12日
    浏览(44)
  • uni-app 小程序获取实时定位和车辆签到(wx.onLocationChange方法)

    1、需求描述         实现一个车辆定位签到功能,获取当前车辆的实时定位,当车辆到达签到点1公里范围内时,可以进行签到,当大于1公里时,禁止签到。同时用户还可以手动刷新定位。         2、wx.getLocation弊端         在小程序中,我们使用wx.getLocation api来获

    2024年02月15日
    浏览(47)
  • uni-app小程序uni.navigateBack返回上一个页面并传递参数.返回上个页面并刷新

    返回上一个打开的页面并传递一个参数。有种办法就是使用 假如从B页面返回A页面: 经过测试,在uni.app中使用B页面使用setData设置A页面参数无法实现(应该是被更改为常量属性了)。 打印console.log(prevPage)前一页面对象可得: 方法1:我们可以使用A页面原有方法 B页面传递:

    2024年02月16日
    浏览(62)
  • uni-app(微信小程序) 根据小程序页面路径(可带参数) 生成二维码、分享码

    微信官方文档 小程序 看文档点这里 第一个获取小程序码,就是根据你要通过二维码打开的页面路径生成一个小程序码,且这个小程序码是永久的 其实文档内也说明了,很少用到。即使需要生成这样的小程序码,可以去微信公众平台的小程序管理后台生成,还方便。 调用方

    2024年02月06日
    浏览(64)
  • uni-app微信小程序结合腾讯地图获取定位导航以及城市选择器

    目录 第一步:登录小程序公众平台==设置==第三方设置  第二步:登录腾讯地图申请属于自己小程序的key  第三步:找到腾讯地图的插件​​​​​​​  第四步:添加插件与允许授权  第五步:使用    腾讯地图后台:https://lbs.qq.com/dev/console/application/mine    添加key,授权使

    2023年04月12日
    浏览(92)
  • 解决uni-app uniCloud小程序预览没有数据

    例如:最近小程序的项目是用uni-app写的,项目用uniCloud作为后端,原本以为unicloud跟微信小程序云开发差不多,但是预览到手机的时候没有数据了…… unicloud作为后端,手机预览没有数据,通过查阅文献和网搜,进行了一系列的排查。 跟以往的微信云开发不同,unicloud作为后

    2024年02月09日
    浏览(51)
  • 解决uni-app小程序原生tabbar 添加阴影问题

    下面是实现的效果  步骤1 创建一个组件  文件名和组件名要一致  步骤2  在组件中实现阴影效果 步骤3 在tabbar 页面使用  直接使用 即可 不用引入  

    2024年02月07日
    浏览(64)
  • uni-app小程序 解决滚动穿透之page-meta

    页面是可以滚动的,该页面的弹窗、组件也是可以滑动的。 当我们滑动页面内弹出的弹窗、组件时,该页面也会跟着滚动,就会出现滚动弹窗内容时,页面内容也跟着滚动,这就是滚动穿透。 在PC端我们常通过给弹出弹窗的页面的body添加 overflow: hidden ,隐藏未显示的内容,

    2024年02月10日
    浏览(67)
  • uni-app App权限配置参数详情

    权限 名称 描述 android.permission.ACCESS_CHECKIN_PROPERTIES 访问登记属性 读取或写入登记check-in数据库属性表的权限 android.permission.ACCESS_COARSE_LOCATION 获取错略位置 通过WiFi或移动基站的方式获取用户错略的经纬度信息,定位精度大概误差在30~1500米 android.permission.ACCESS_FINE_LOCATION 获取精确

    2024年02月09日
    浏览(54)
  • uni-app写微信小程序input获取焦点部分安卓机页面不弹起问题(弹起一点焦点样式问题)

    以上代码是一个自己封装的一个输入框组建 以上是问题出现的关键,没有设置行高 设置行高后就解决了问题,具体原因不详

    2024年02月11日
    浏览(48)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包