page.route获取当前页面路由

已于 2022-06-14 10:07:05 修改
阅读量878 收藏
点赞数
分类专栏： uniapp javascript hbuilder x 文章标签： javascript vue.js 开发语言
于 2022-06-14 09:53:13 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47873655/article/details/125272350
版权
uniapp 同时被 3 个专栏收录
6 篇文章 0 订阅
订阅专栏
javascript
4 篇文章 0 订阅
订阅专栏
hbuilder x
2 篇文章 0 订阅
订阅专栏

在这里插入图片描述
这个是官方文档给出的方法 当时我就去项目内去使用了 ，但是当我写下代码之后 页面就报错了

//错误代码示例
let pageInfo = page.route
let pageinfo = this.page.route
let pageinfo = page.route()

三行代码 我全试了一遍，对于我这种比较小白的人来说 ，官方不给出使用示例，我都不知怎么用啊。
最后通过打印 this 找到了实例的方法属性
在这里插入图片描述
最终的代码应该书写为

//正确获取书写方式
let pageInfo = this.$mp.page.route
带着梦想扬帆启航
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
playwright中page.route()函数路径写法问题
m0_73816861的博客
04-11 1220
崔进才在python3网络爬虫开发实战第2版中，有1个案列是通过playwright模拟javascript的执行，代码如下。/js/chunk-10192a00.243cb8b7.js这个文件，可以判断是路径出了问题，查阅了官网后觉得应该在。/js/chunk-10192a00.243cb8b7.js前加上**，分析原因可能是没有将源代码替换成功，即没有找到。自己测试运行过程中出现如下错误。
uniapp 当前页面_Uniapp如何获取当前页面路由
weixin_39725650的博客
01-11 3058
Uniapp获取当前页面路由的方法:1。先用getcurrentpages获取所有数组，取最后一个数组，再获取路由；2.直接获取当前页面路由，代码是【让cur route = this。$ MP . page . route；】。本教程操作环境:windows7系统，uni-app版本2.5.1，此方法适用于所有品牌的电脑。推荐(免费):统一应用开发教程通过Uniapp获取当前页面路由的方法:方法...
新建多个页面后，编译出现page route 错误的另一个原因
dichiying4463的博客
07-11 263
在显示路由错误的页面的.js加这一段代码就好 Page({ data: { userInfo: {} }, onLoad: function () { }, }) 转载于:https://www.cnblogs.com/lll-freshman/p/11168983.html
uniapp 动态修改导航栏 之前使用this.$mp.page page提示未定义
土豆发芽了
12-09 3559
uniapp 动态修改导航栏 // 使用条件编译 防止H5报错 // #ifdef APP-PLUS let pages = getCurrentPages(); let page = pages[pages.length - 1]; let currentWebview = page.$getAppWebview(); // 动态修改导航栏 按钮上红点 currentWebview.setTitleNViewButtonStyle(e.index,{ redDot:false }
flutter页面跳转 Route 使用汇总
飞翔的熊blabla
07-01 582
一、push方式直接跳转 普通跳转 Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => Page1())); 复制代码 带参数跳转和接收参数 Navigator.push(context, MaterialPageRoute( builder: (BuildContext context) => Page2(),
Automatic-RoutePage.zip
05-17
标题"Automatic-RoutePage.zip"暗示了这个压缩包可能包含一种方法或解决方案，用于在ASP.NET Web Forms中实现自动化的页面路由。尽管Web Forms最初设计时不包含内置的路由功能，但通过扩展和工作流，我们可以为Web ...
AngularJS通过ng-route实现基本的路由功能实例详解
11-29
AngularJS 是一款强大的前端JavaScript框架，它通过引入MVC（模型-视图-控制器）模式，使得构建动态单页应用程序（SPA，Single Page Applications）变得更加容易。在AngularJS中，`ngRoute` 模块提供了前端路由功能...
router:Page.js 为 Vue.js 提供简单但强大的路由器
07-05
使用来管理哪个页面组件出现在页面上。 适用于Vue v0.11.5及更高版本。 用法 首先安装它： npm install --save vueui-router 然后使用它： var Vue = require ( 'vue' ) var router = require ( 'vueui-router'...
详解react如何在组件中获取路由参数
08-30
在React应用中，路由管理是实现页面跳转和组件间通信的重要部分。React Router库提供了在组件中获取路由参数的功能，使得我们可以根据不同的参数来渲染不同的组件内容。下面将详细介绍如何在React组件中获取路由参数...
angularJS route路由demo
06-15
在AngularJS中，路由是一个用于连接不同视图和控制器的功能，使得用户可以通过改变URL来切换不同的页面而无需重新加载整个页面。`$route`服务提供了这样的功能，它监听浏览器的URL变化，并根据配置自动加载相应的...
mpvue食用踩坑指南
qq_31481239的博客
03-22 1191
mpvue食用踩坑指南写在前面1、富文本解析2、小程序中的特殊事件3、生命周期4、新增页面需要重新编译5、Vue组件和小程序组件6、在计算属性中刷新动态样式7、网络请求8、ui库9、图表10、分包尾声 写在前面 习惯了vue带来的方便之后，再来写原生的微信小程序总是有一些说不出的别扭（比如修改数据要用setData，没有计算属性等等），于是搜索发现有wepy、mpvue等好几个框架，简单看了下网上...
uni-app如何获取当前页面路由（整个页面对象）？如何获取前一个甚至已经打开的页面路由？
热门推荐
山野里的小菊花
03-13 2万+
方法一： 用官方方法getcurrentpages先获取所有数组，然后取最后一个数组，再去获取路由，当然还有其他的属性可以使用，可自行打印查看 let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由 ...
mpvue踩坑之页面间通信
julywind1的专栏
09-06 1382
小程序自基础库v2.7.3开始提供了页面间通信的机制，很实用，但是一不小心就会出现问题 小程序 this.getOpenerEventChannel is not a function 废话不说，直接上干货 解决此问题，需要确认几个方面： 1. 检查页面的json文件中的内容，确认没有删除usingComponents，哪怕内容为空，也得留着 { "usingComponents"...
uni-app如何获取当前页面路由
weixin_38982591的博客
07-08 5004
方法一： 用官方方法getcurrentpages先获取所有数组，然后取最后一个数组，再去获取路由 let routes = getCurrentPages(); // 获取当前打开过的页面路由数组 let curRoute = routes[routes.length - 1].route // 获取当前页面路由，也就是最后一个打开的页面路由 方法二： 用官方已经挂在的$mp变量获取，其实和上述方法基本上是一致的，只是方法被挂载在$mp let curRoute = this.$mp.pa
uniapp实现APP中内嵌H5应用
ㄏ、Forgetˊ的博客
04-06 8396
现如今，各大APP平台都有属于自己的小程序体系，各种各样的应用都可直接内嵌在APP中实现一站式体验。使用uniapp开发的APP如何实现这样的功能呢？答案就是内嵌web-view 注意事项 APP中有vue页面及nvue页面，两种页面均可内嵌web-view，但两种页面的表现不一：vue页面会自动铺满整个页面，接收web-view页面通信使用的是@message；nvue页面则需要指定页面宽高，接收web-view页面通信使用的是@onPostMessage 由APP通知web-view页面，无论
uniapp 项目遇到的问题以及解决方案
最新发布
weixin_48723882的博客
02-20 844
解决方案： 在遮罩层添加 @touchmove.stop.prevent="moveHandle" moveHandle 为空函数。解决方案：通过this.$mp.page.$getAppWebview() 获取对象信息进行修改。
Uniapp用法小结
neabea2016的博客
05-27 968
1.获取控件高度，屏幕高度 <scroll-view scroll-y :style="{ 'height': popHeight + 'px' }"> <view id="lineid" class="listBar"> <view class="listli" :class='{ list_select: item.flag ,list_unselect: !item.flag }' v-for="(item,index) in line
利用MP实现分页查询
weixin_57550458的博客
07-13 7592
编辑UserController 编辑UserService /** * 利用MP的方式实现分页查询 * API说明: selectPage(arg1,arg2) * arg1: MP中的分页对象 固定的 * arg2: MP分页中的条件构造器 * @param pageResult * @return * 动态Sql: select * from user where username like "%admin%"
【uni-app】封装常用方法以及全局数据
Jack, what else can you do besides holding your little darling?
09-18 1947
文章介绍 通用工具方法、全局数据 以下定义的所有方法、计算属性，均会被挂载到所有 .vue 页面的 this 上 注意：小程序端，计算属性会以数据对象的形式挂载到所有页面的 Page 对象中 因此，数据量较大的情况下，为优化性能请使用调用方法动态获取的形式，避免占用太多内存 （1）onBackPress 介绍: 【App 平台】点击返回键后移除 loading，防止某个页面出错按返回键后还有 loading // #ifdef APP-VUE onBackPress() { uni.hid
uniapp获取当前页面路由
05-20
你可以使用 uni-app 提供的内置方法 `getCurrentPages()` 来获取当前页面路由。该方法返回一个数组，数组中的第一个元素即为当前页面路由。 示例代码如下： ...我们通过 `route` 属性获取当前页面的路由信息。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值