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 相关文章推荐
javascript整除实现代码
Nov 23 Javascript
js 第二代身份证号码的验证机制代码
May 12 Javascript
JS中的数组的sort方法使用示例
Jan 22 Javascript
jQuery中用dom操作替代正则表达式
Dec 29 Javascript
JS实现很酷的EMAIL地址添加功能实例
Feb 28 Javascript
JS上传图片前实现图片预览效果的方法
Mar 02 Javascript
javascript表单验证大全
Aug 12 Javascript
jQuery+css实现的切换图片功能代码
Jan 27 Javascript
Node.js如何自动审核团队的代码
Jul 20 Javascript
js 图片转base64的方式(两种)
Apr 24 Javascript
vue.js的双向数据绑定Object.defineProperty方法的神奇之处
Jan 18 Javascript
模块化react-router配置方法详解
Jun 03 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
各种咖啡的英文名子是什么
2021/03/03 新手入门
Wordpress 相册插件 NextGEN-Gallery 添加目录将中文转为拼音的解决办法
2010/12/29 PHP
PHP中simplexml_load_string函数使用说明
2011/01/01 PHP
php 判断访客是否为搜索引擎蜘蛛的函数代码
2011/07/29 PHP
PHP中集成PayPal标准支付的实现方法分享
2012/02/06 PHP
PHP的foreach中使用引用时需要注意的一个问题和解决方法
2014/05/29 PHP
php使用json_decode后数字对象转换成了科学计数法的解决方法
2017/02/20 PHP
JS代码格式化和语法着色V2
2006/10/14 Javascript
通用于ie和firefox的函数 GetCurrentStyle (obj, prop)
2006/12/27 Javascript
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
connect中间件session、cookie的使用方法分享
2014/06/17 Javascript
JavaScript获取Url里的参数
2014/12/18 Javascript
js实现简单鼠标跟随效果的方法
2015/04/10 Javascript
jquery实现清新实用的网页菜单效果
2015/08/28 Javascript
Linux下为Node.js程序配置MySQL或Oracle数据库的方法
2016/03/19 Javascript
JSON对象 详解及实例代码
2016/10/18 Javascript
深入理解JavaScript中的块级作用域、私有变量与模块模式
2016/10/31 Javascript
NodeJS使用七牛云存储上传文件的方法
2017/07/24 NodeJs
小程序获取当前位置加搜索附近热门小区及商区的方法
2019/04/08 Javascript
如何在JS文件中获取Vue组件
2020/09/16 Javascript
python 图片验证码代码分享
2012/07/04 Python
Python greenlet实现原理和使用示例
2014/09/24 Python
Python中如何获取类属性的列表
2016/12/26 Python
Python连接字符串过程详解
2020/01/06 Python
Python urlopen()和urlretrieve()用法解析
2020/01/07 Python
蛋白质世界:Protein World
2017/11/23 全球购物
应届生简历中的自我评价
2014/01/13 职场文书
聚美优品励志广告词
2014/03/14 职场文书
学生会竞选演讲稿怎么写
2014/08/26 职场文书
2014年小学重阳节活动策划方案
2014/09/16 职场文书
工资收入证明
2014/10/07 职场文书
元旦标语大全
2014/10/09 职场文书
2014年卫生院工作总结
2014/12/03 职场文书
2015年保卫科工作总结
2015/05/14 职场文书
生日祝酒词大全
2015/08/10 职场文书