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 DOM 元素ID就是全局变量
Sep 20 Javascript
JavaScript列表框listbox全选和反选的实现方法
Mar 18 Javascript
JavaScript子窗口调用父窗口变量和函数的方法
Oct 09 Javascript
跟我学习javascript的严格模式
Nov 16 Javascript
点评js异步加载的4种方式
Dec 22 Javascript
JS实现兼容各种浏览器的高级拖动方法完整实例【测试可用】
Jun 21 Javascript
微信小程序Server端环境配置详解(SSL, Nginx HTTPS,TLS 1.2 升级)
Jan 12 Javascript
解决ie11 SCRIPT5011:不能执行已释放Script的代码问题
May 05 Javascript
JQuery事件委托原理与用法实例分析
May 13 jQuery
如何测量vue应用运行时的性能
Jun 21 Javascript
async/await让异步操作同步执行的方法详解
Nov 01 Javascript
在 HTML 页面中使用 React的场景分析
Jan 18 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 SQL防注入代码集合
2008/04/25 PHP
使用Thinkphp框架开发移动端接口
2015/08/05 PHP
php传值和传引用的区别点总结
2019/11/19 PHP
浅析PHP中的 inet_pton 网络函数
2019/12/16 PHP
Javascript实现真实字符串剩余字数提示的实例代码
2013/10/22 Javascript
javascript批量修改文件编码格式的方法
2015/01/27 Javascript
输入框点击时边框变色效果的实现方法
2016/12/26 Javascript
如何学JavaScript?前辈的经验之谈
2016/12/28 Javascript
javascript中的面向对象
2017/03/30 Javascript
深入理解 Koa 框架中间件原理
2018/10/18 Javascript
Vue通过getAction的finally来最大程度避免影响主数据呈现问题
2020/04/24 Javascript
微信小程序实现文件预览
2020/10/22 Javascript
JavaScript实现10秒后再次获取验证码
2020/12/02 Javascript
[01:24:16]2018DOTA2亚洲邀请赛 4.6 全明星赛
2018/04/10 DOTA
Python 专题六 局部变量、全局变量global、导入模块变量
2017/03/20 Python
Python编程使用tkinter模块实现计算器软件完整代码示例
2017/11/29 Python
numpy实现合并多维矩阵、list的扩展方法
2018/05/08 Python
解决csv.writer写入文件有多余的空行问题
2018/07/06 Python
对python中Librosa的mfcc步骤详解
2019/01/09 Python
Python读取stdin方法实例
2019/05/24 Python
Django  ORM 练习题及答案
2019/07/19 Python
使用Python调取任意数字资产钱包余额功能
2019/08/15 Python
python读取Excel表格文件的方法
2019/09/02 Python
python输出第n个默尼森数的实现示例
2020/03/08 Python
pandas中ix的使用详细讲解
2020/03/09 Python
jupyter notebook指定启动目录的方法
2021/03/02 Python
html5教程调用绘图api画简单的圆形代码分享
2013/12/04 HTML / CSS
Java 中访问数据库的步骤?Statement 和PreparedStatement 之间的区别?
2012/06/05 面试题
外贸采购员求职的自我评价
2013/11/26 职场文书
老龄工作先进事迹
2014/08/15 职场文书
初中优秀教师事迹材料
2014/08/18 职场文书
敬老院义诊活动总结
2015/05/07 职场文书
在职证明范本
2015/06/15 职场文书
字典算法实现及操作 --python(实用)
2021/03/31 Python
浅谈Redis在直播场景的实践方案
2021/04/27 Redis
Redis 配置文件重要属性的具体使用
2021/05/20 Redis