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 相关文章推荐
在你的网页中嵌入外部网页的方法
Apr 02 Javascript
最好用的省市二级联动 原生js实现你值得拥有
Sep 22 Javascript
javascript进行数组追加方法小结
Jun 16 Javascript
javascript正则表达式使用replace()替换手机号的方法
Jan 19 Javascript
jQuery实现可编辑的表格实例讲解(2)
Sep 17 Javascript
快速学习jQuery插件 Form表单插件使用方法
Dec 01 Javascript
基于jquery实现轮播焦点图插件
Mar 31 Javascript
vuejs+element-ui+laravel5.4上传文件的示例代码
Aug 12 Javascript
import与export在node.js中的使用详解
Sep 28 Javascript
vue.js使用v-pre与v-html输出HTML操作示例
Jul 07 Javascript
在vue中使用vuex,修改state的值示例
Nov 08 Javascript
解决Vue keep-alive 调用 $destory() 页面不再被缓存的情况
Oct 30 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
Mysql数据库操作类( 1127版,提供源码下载 )
2010/12/02 PHP
php 变量未定义等错误的解决方法
2011/01/12 PHP
windwos下使用php连接oracle数据库的过程分享
2014/05/26 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
php-msf源码详解
2017/12/25 PHP
laravel框架使用FormRequest进行表单验证,验证异常返回JSON操作示例
2020/02/18 PHP
JavaScript 入门·JavaScript 具有全范围的运算符
2007/10/01 Javascript
div移动 输入框不能输入的问题
2009/11/19 Javascript
JS判断当前日期是否大于某个日期的实现代码
2012/09/02 Javascript
浅析webapp框架AngularUI的demo
2014/12/21 Javascript
jQuery三级下拉列表导航菜单代码分享
2020/04/15 Javascript
谈一谈javascript中继承的多种方式
2016/02/19 Javascript
jQuery+CSS实现一个侧滑导航菜单代码
2016/05/09 Javascript
使用jQuery5分钟快速搞定双色表格的简单实例
2016/08/08 Javascript
微信小程序的动画效果详解
2017/01/18 Javascript
学习使用Bootstrap栅格系统
2017/05/11 Javascript
微信小程序上滑加载下拉刷新(onscrollLower)分批加载数据(一)
2017/05/11 Javascript
详解VUE 定义全局变量的几种实现方式
2017/06/01 Javascript
JavaScript常用截取字符串的三种方式用法区别实例解析
2018/05/15 Javascript
详解Vue用cmd创建项目
2019/02/12 Javascript
Vue中Table组件行内右键菜单实现方法(基于 vue + AntDesign)
2019/11/21 Javascript
[53:15]Mineski vs iG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
讲解Python中运算符使用时的优先级
2015/05/14 Python
合并百度影音的离线数据( with python 2.3)
2015/08/04 Python
python基础练习之几个简单的游戏
2017/11/10 Python
pip安装py_zipkin时提示的SSL问题对应
2018/12/29 Python
Python爬虫获取豆瓣电影并写入excel
2020/07/31 Python
Python实现迪杰斯特拉算法并生成最短路径的示例代码
2020/12/01 Python
让IE6支持css3,让 IE7、IE8 都支持CSS3
2011/10/09 HTML / CSS
美国购车网站:TrueCar
2016/10/19 全球购物
联想台湾官网:Lenovo TW
2018/05/09 全球购物
美国糖果店:Sugarfina
2019/02/21 全球购物
高中同学聚会邀请函
2014/01/11 职场文书
2014矛盾纠纷排查调处工作总结
2014/12/09 职场文书
2015年党风廉政承诺书
2015/01/22 职场文书
八年级作文之感悟亲情
2019/11/20 职场文书