vue获取当前激活路由的方法


Posted in Javascript onMarch 17, 2018

一个 route object(路由信息对象) 表示当前激活的路由的状态信息,包含了当前 URL 解析得到的信息,还有 URL 匹配到的 route records(路由记录)。

route object 是 immutable(不可变) 的,每次成功的导航后都会产生一个新的对象。

route object 出现在多个地方:

在组件内,即 this.$route

在 $route 观察者回调内

router.match(location) 的返回值 (在main.js可以获取当前激活路由信息)

注意:

this.$route的path和router.match(location)的path是不一样的,他们都有一个属性fullpath,值是hash和path的拼接,router.match(location)在我这里一直是等于/login,应该是指向根路由,hash是带上描点#的当前路由路径,因此,要使用router.match(location)获取当前激活的路由,只能使用hash属性,原因还不知道。。

vue获取当前激活路由的方法

以上这篇vue获取当前激活路由的方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
jquery 新手学习常见问题解决方法
Apr 18 Javascript
javascript中的作用域scope介绍
Dec 28 Javascript
angularJS中$apply()方法详解
Jan 07 Javascript
关于安卓手机微信浏览器中使用XMLHttpRequest 2上传图片显示字节数为0的解决办法
May 17 Javascript
实现easyui的datagrid导出为excel的示例代码
Nov 10 Javascript
手动初始化Angular的模块与控制器
Dec 26 Javascript
微信小程序 图片加载(本地,网路)实例详解
Mar 10 Javascript
jQuery实现页面倒计时并刷新效果
Mar 13 Javascript
Angular.js中定时器循环的3种方法总结
Apr 27 Javascript
Javascript实现页面滚动时导航智能定位
May 06 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
Sep 06 Javascript
微信小程序 checkbox使用实例解析
Sep 09 Javascript
vue 实现复制内容到粘贴板clipboard的方法
Mar 17 #Javascript
echarts鼠标覆盖高亮显示节点及关系名称详解
Mar 17 #Javascript
vue结合Echarts实现点击高亮效果的示例
Mar 17 #Javascript
vue实现a标签点击高亮方法
Mar 17 #Javascript
Vue-路由导航菜单栏的高亮设置方法
Mar 17 #Javascript
Vue 实现双向绑定的四种方法
Mar 16 #Javascript
p5.js入门教程之鼠标交互的示例
Mar 16 #Javascript
You might like
php学习 字符串课件
2008/06/15 PHP
Laravel自动生成UUID,从建表到使用详解
2019/10/24 PHP
js 异步处理进度条
2010/04/01 Javascript
jQuery实现切换页面布局使用介绍
2011/10/09 Javascript
jquery鼠标放上去显示悬浮层即弹出定位的div层
2014/04/25 Javascript
JQ实现新浪游戏首页幻灯片
2015/07/29 Javascript
Jquery中使用show()与hide()方法动画显示和隐藏图片
2015/10/08 Javascript
浅析创建javascript对象的方法
2016/05/13 Javascript
解决node.js安装包失败的几种方法
2016/09/02 Javascript
移动端滑动插件Swipe教程
2016/10/16 Javascript
Javascript 制作图形验证码实例详解
2016/12/22 Javascript
如何在vue中使用ts的示例代码
2018/02/28 Javascript
jQuery实现的页面弹幕效果【测试可用】
2018/08/17 jQuery
移动端H5页面返回并刷新页面(BFcache)的方法
2018/11/06 Javascript
vue配置font-awesome5的方法步骤
2019/01/27 Javascript
我要点爆”微信小程序云开发之项目建立与我的页面功能实现
2019/05/26 Javascript
Node.JS用纯JavaScript生成图片或滑块式验证码功能
2019/09/12 Javascript
python 实现tar文件压缩解压的实例详解
2017/08/20 Python
python实现拓扑排序的基本教程
2018/03/11 Python
python3实现域名查询和whois查询功能
2018/06/21 Python
Python正则表达式匹配日期与时间的方法
2019/07/07 Python
Python+Pyqt实现简单GUI电子时钟
2021/02/22 Python
python super函数使用方法详解
2020/02/14 Python
Python爬虫爬取、解析数据操作示例
2020/03/27 Python
Pycharm配置PyQt5环境的教程
2020/04/02 Python
解决Ubuntu18中的pycharm不能调用tensorflow-gpu的问题
2020/09/17 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
Under Armour澳大利亚官网:美国知名的高端功能性运动品牌
2018/02/22 全球购物
Wiggle澳大利亚:自行车、跑步、游泳商店
2020/11/07 全球购物
Yahoo-PHP面试题3
2012/01/14 面试题
大学在校生求职信范文
2013/11/21 职场文书
毕业生个人求职信范例分享
2013/12/17 职场文书
清华大学自主招生自荐信
2014/01/29 职场文书
民生工程实施方案
2014/03/22 职场文书
2015年学校远程教育工作总结
2015/07/20 职场文书
小学信息技术教学反思
2016/02/16 职场文书