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 ui css framework
Jun 28 Javascript
JS打印gridview实现原理及代码
Feb 05 Javascript
点击进行复制的JS代码实例
Aug 23 Javascript
javascript函数定义的几种区别小结
Jan 06 Javascript
JS生成某个范围的随机数【四种情况详解】
Apr 20 Javascript
非常酷炫的Bootstrap图片轮播动画
May 27 Javascript
jQuery实现单击按钮遮罩弹出对话框效果(1)
Feb 20 Javascript
解决Node.js使用MySQL出现connect ECONNREFUSED 127.0.0.1:3306的问题
Mar 09 Javascript
jQuery中 DOM节点操作方法大全
Oct 12 jQuery
关于Vue在ie10下空白页的debug小结
May 02 Javascript
基于vue.js组件实现分页效果
Dec 29 Javascript
浅谈Vue组件单元测试究竟测试什么
Feb 05 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教程之phpize使用方法
2014/02/12 PHP
php轻松实现文件上传功能
2016/03/03 PHP
PHP实现的简单路由和类自动加载功能
2018/03/13 PHP
ThinkPHP5.0框架控制器继承基类和自定义类示例
2018/05/25 PHP
PHP利用Mysql锁解决高并发的方法
2018/09/04 PHP
PHP一个简单的无需刷新爬虫
2019/01/05 PHP
PHP PDOStatement::bindColumn讲解
2019/01/30 PHP
php下的原生ajax请求用法实例分析
2020/02/28 PHP
javascript数组使用调用方法汇总
2007/12/08 Javascript
getElementsByTagName vs selectNodes效率 及兼容的selectNodes实现
2010/02/26 Javascript
Jquery实现弹出层分享微博插件具备动画效果
2013/04/03 Javascript
js获取客户端网卡的IP地址、MAC地址
2014/03/26 Javascript
JS正则匹配中文的方法示例
2017/01/06 Javascript
js控制一个按钮是否可点击(可使用)disabled的实例
2017/02/14 Javascript
详解webpack-dev-server 设置反向代理解决跨域问题
2018/04/18 Javascript
JavaScript原型对象原理与应用分析
2018/12/27 Javascript
vue获取data数据改变前后的值方法
2019/11/07 Javascript
解决vue elementUI 使用el-select 时 change事件的触发问题
2020/11/17 Vue.js
原生js实现点击按钮复制内容到剪切板
2020/11/19 Javascript
在Python中使用lambda高效操作列表的教程
2015/04/24 Python
DataFrame中去除指定列为空的行方法
2018/04/08 Python
python实现自动化报表功能(Oracle/plsql/Excel/多线程)
2019/12/02 Python
Django视图、传参和forms验证操作
2020/07/15 Python
python,Java,JavaScript实现indexOf
2020/09/09 Python
python 实现一个简单的线性回归案例
2020/12/17 Python
HTML5在微信内置浏览器下右上角菜单的调整字体导致页面显示错乱的问题
2021/01/19 HTML / CSS
MUGLER官方网站:蒂埃里·穆勒香水
2019/11/26 全球购物
人力资源管理专业毕业生自我评价
2013/09/21 职场文书
优秀实习自我鉴定
2013/12/04 职场文书
给校长的建议书300字
2014/05/16 职场文书
幸福家庭事迹材料
2014/12/20 职场文书
个人专业技术总结
2015/03/05 职场文书
教师调动申请报告
2015/05/18 职场文书
详解MySQL数据库千万级数据查询和存储
2021/05/18 MySQL
我对PyTorch dataloader里的shuffle=True的理解
2021/05/20 Python
python 单机五子棋对战游戏
2022/04/28 Python