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 相关文章推荐
js 判断checkbox是否选中的实现代码
Nov 23 Javascript
js数字转换为float,取N位小数
Feb 08 Javascript
javascript页面渲染速度测试脚本分享
Apr 15 Javascript
js取整数、取余数的方法
May 11 Javascript
Javascript中的关键字和保留字整理
Oct 16 Javascript
js实现感应鼠标图片透明度变化的方法
Feb 20 Javascript
javascript相关事件的几个概念
May 21 Javascript
JQuery入门基础小实例(1)
Sep 17 Javascript
jquery select插件异步实时搜索实例代码
Oct 20 jQuery
jquery实现点击a链接,跳转之后,该a链接处显示背景色的方法
Jan 18 jQuery
webstorm+vue初始化项目的方法
Oct 18 Javascript
Element Dropdown下拉菜单的使用方法
Jul 26 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分页函数代码(简单实用型)
2010/12/02 PHP
PHP中防止直接访问或查看或下载config.php文件的方法
2012/07/07 PHP
PHP CURL 内存泄露问题解决方法
2015/02/12 PHP
php设计模式之单例模式实例分析
2015/02/25 PHP
php is_writable判断文件是否可写实例代码
2016/10/13 PHP
javascript 隐藏/显示指定的区域附HTML元素【legend】用法
2010/03/05 Javascript
Javascript中获取出错代码所在文件及行数的代码
2010/09/23 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
用js调用迅雷下载代码的二种方法
2013/04/15 Javascript
利用try-catch判断变量是已声明未声明还是未赋值
2014/03/12 Javascript
JavaScript设置获取和设置属性的方法
2015/03/04 Javascript
JavaScript中的toLocaleDateString()方法使用简介
2015/06/12 Javascript
使用js复制链接中的部分文字的方法
2015/07/30 Javascript
详解基于Bootstrap扁平化的后台框架Ace
2015/11/27 Javascript
JS简单循环遍历json数组的方法
2016/04/22 Javascript
Bootstrap实现下拉菜单效果
2016/04/29 Javascript
Boostrap基础教程之JavaScript插件篇
2016/09/08 Javascript
微信小程序 本地数据读取实例
2017/04/27 Javascript
JavaScript动态绑定详解
2017/09/14 Javascript
vue iview实现动态路由和权限验证功能
2018/04/17 Javascript
JavaScript设计模式之职责链模式应用示例
2018/08/07 Javascript
js canvas实现红包照片效果
2018/08/21 Javascript
vue使用高德地图根据坐标定位点的实现代码
2019/08/22 Javascript
JS异步宏队列与微队列原理区别详解
2020/07/02 Javascript
[01:14]英雄,所敬略同——2018完美盛典宣传视频4K
2018/12/05 DOTA
Cython 三分钟入门教程
2009/09/17 Python
Python的Django框架中模板碎片缓存简介
2015/07/24 Python
Python调用scp向服务器上传文件示例
2019/12/22 Python
Python GUI库PyQt5样式QSS子控件介绍
2020/02/25 Python
如何开发一款堪比APP的微信小程序(腾讯内部团队分享)
2016/12/22 HTML / CSS
利用html5 canvas破解简单验证码及getImageData接口应用
2013/01/25 HTML / CSS
母亲80寿诞答谢词
2014/01/16 职场文书
汽车检测与维修专业求职信
2014/07/04 职场文书
晚自修旷课检讨书怎么写
2014/11/17 职场文书
黄石寨导游词
2015/02/05 职场文书
三傻大闹宝莱坞观后感
2015/06/03 职场文书