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 相关文章推荐
ie和firefox中img对象区别的困惑
Dec 27 Javascript
javascript 循环读取JSON数据的代码
Jul 17 Javascript
jquery对元素拖动排序示例
Jan 16 Javascript
JavaScript实现动画打开半透明提示层的方法
Apr 21 Javascript
JS实现不规则TAB选项卡效果代码
Sep 16 Javascript
JS跨域解决方案之使用CORS实现跨域
Apr 14 Javascript
Vue.js结合bootstrap实现分页控件
Mar 10 Javascript
layui前段框架日期控件使用方法详解
May 19 Javascript
微信小程序 开发MAP(地图)实例详解
Jun 27 Javascript
layui清空,重置表单数据的实例
Sep 12 Javascript
在vue中把含有html标签转为html渲染页面的实例
Oct 28 Javascript
解决vuex刷新数据消失问题
Nov 12 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/03/28 PHP
thinkphp实现面包屑导航(当前位置)例子分享
2014/05/10 PHP
PHP中header函数的用法及其注意事项详解
2016/06/13 PHP
php微信开发自定义菜单
2016/08/27 PHP
php查看一个变量的占用内存的实例代码
2020/03/29 PHP
向fckeditor编辑器插入指定代码的方法
2007/05/25 Javascript
JavaScript Tips 使用DocumentFragment加快DOM渲染速度
2010/06/28 Javascript
各浏览器对click方法的支持差异小结
2011/07/31 Javascript
探讨JQUERY JSON的反序列化类 using问题的解决方法
2013/12/19 Javascript
jquery用data方法获取某个元素上的事件
2014/06/23 Javascript
jquery获取当前日期的方法
2015/01/14 Javascript
jQuery使用after()方法在元素后面添加多项内容的方法
2015/03/26 Javascript
JavaScript使用concat连接数组的方法
2015/04/06 Javascript
JavaScript实现仿新浪微博大厅和腾讯微博首页滚动特效源码
2015/09/15 Javascript
javascript实现网页端解压并查看zip文件
2015/12/15 Javascript
Sublime Text 3常用插件及安装方法
2015/12/16 Javascript
js导出excel文件的简洁方法(推荐)
2016/11/02 Javascript
vueJs实现DOM加载完之后自动下拉到底部的实例代码
2018/08/31 Javascript
Node.js使用MongoDB的ObjectId作为查询条件的方法
2019/09/10 Javascript
js实现图片上传到服务器和回显
2020/01/19 Javascript
使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解
2020/06/10 Javascript
javascript实现简单页面倒计时
2021/03/02 Javascript
[39:46]完美世界DOTA2联赛PWL S2 LBZS vs Rebirth 第二场 11.25
2020/11/25 DOTA
Win10下Python环境搭建与配置教程
2016/11/18 Python
Keras SGD 随机梯度下降优化器参数设置方式
2020/06/19 Python
浅谈django框架集成swagger以及自定义参数问题
2020/07/07 Python
opencv 图像腐蚀和图像膨胀的实现
2020/07/07 Python
使用matplotlib的pyplot模块绘图的实现示例
2020/07/12 Python
师范学院美术系毕业生自我鉴定
2014/01/29 职场文书
助人为乐好少年事迹材料
2014/08/18 职场文书
党员干部三严三实心得体会
2014/10/13 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
2015年外贸业务员工作总结范文
2015/05/23 职场文书
小学三年级数学教学反思
2016/02/16 职场文书
《小蝌蚪找妈妈》教学反思
2016/02/23 职场文书
读《工匠精神》有感:热爱工作,精益求精
2019/12/28 职场文书