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中的isNaN函数使用说明
Nov 10 Javascript
JQuery入门——移除绑定事件unbind方法概述及应用
Feb 05 Javascript
javascript实现数字+字母验证码的简单实例
Feb 10 Javascript
js返回前一页刷新本页重载页面
Jul 29 Javascript
jQuery实现模拟marquee标签效果
Jul 14 Javascript
易操作的jQuery表单提示插件
Dec 01 Javascript
JavaScript添加随滚动条滚动窗体的方法
Feb 23 Javascript
基于node实现websocket协议
Apr 25 Javascript
概述VUE2.0不可忽视的很多变化
Sep 25 Javascript
vue源码学习之Object.defineProperty对象属性监听
May 30 Javascript
浅谈Javascript常用正则表达式应用
Mar 08 Javascript
Vue.Draggable实现交换位置
Apr 07 Vue.js
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
动态生成gif格式的图像要注意?
2006/10/09 PHP
批量获取memcache值并按key的顺序返回的实现代码
2011/06/14 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
php序列化函数serialize() 和 unserialize() 与原生函数对比
2015/05/08 PHP
SAE实时日志接口SDK用法示例
2016/10/09 PHP
thinkphp5.1框架中容器(Container)和门面(Facade)的实现方法分析
2019/08/05 PHP
javascript prototype原型操作笔记
2009/12/07 Javascript
JQuery的ajax获取数据后的处理总结(html,xml,json)
2010/07/14 Javascript
编写Js代码要注意的几条规则
2010/09/10 Javascript
js 获取class的元素的方法 以及创建方法getElementsByClassName
2013/03/11 Javascript
js取得html iframe中的元素和变量值
2014/06/30 Javascript
js如何判断输入字符串长度
2015/12/16 Javascript
js从输入框读取内容,比较两个数字的大小方法
2017/03/13 Javascript
详解搭建es6+devServer简单开发环境
2018/09/25 Javascript
Vue面试题及Vue知识点整理
2018/10/07 Javascript
js实现日历
2020/11/07 Javascript
vue实现动态表格提交参数动态生成控件的操作
2020/11/09 Javascript
python回调函数的使用方法
2014/01/23 Python
Python smallseg分词用法实例分析
2015/05/28 Python
使用Python读写文本文件及编写简单的文本编辑器
2016/03/11 Python
Python的Flask框架中配置多个子域名的方法讲解
2016/06/07 Python
Python中str.format()详解
2017/03/12 Python
python3读取excel文件只提取某些行某些列的值方法
2018/07/10 Python
使用python批量读取word文档并整理关键信息到excel表格的实例
2018/11/07 Python
python用opencv批量截取图像指定区域的方法
2019/01/24 Python
python调用webservice接口的实现
2019/07/12 Python
python多进程下的生产者和消费者模型
2020/05/07 Python
keras多显卡训练方式
2020/06/10 Python
python根据用户需求输入想爬取的内容及页数爬取图片方法详解
2020/08/03 Python
使用CSS媒体查询(Media Queries)和JavaScript判断浏览器设备类型的方法
2014/04/03 HTML / CSS
聚美优品励志广告词
2014/03/14 职场文书
学校领导干部民主生活会整改方案
2014/09/29 职场文书
2014年青年志愿者工作总结
2014/12/09 职场文书
优秀班集体申报材料
2014/12/25 职场文书
详解Python中的进程和线程
2021/06/23 Python
MySQL令人大跌眼镜的隐式转换
2021/08/23 MySQL