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 DataSet数据源处理代码
Mar 29 Javascript
来自国外的页面JavaScript文件优化
Dec 08 Javascript
JavaScript控制Session操作方法
Jan 17 Javascript
js使用正则实现ReplaceAll全部替换的方法
Aug 22 Javascript
javascript中的正则表达式使用指南
Mar 01 Javascript
基于BootStrap Metronic开发框架经验小结【三】下拉列表Select2插件的使用
May 12 Javascript
JavaScript禁止复制与粘贴的实现代码
May 16 Javascript
jQuery实现拖动效果的实例代码
Jun 25 jQuery
微信小程序 页面跳转传值实现代码
Jul 27 Javascript
js实现数组和对象的深浅拷贝
Sep 30 Javascript
vue通过v-html指令渲染的富文本无法修改样式的解决方案
May 20 Javascript
Vue(定时器)解决mounted不能获取到data中的数据问题
Jul 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
php公用函数列表[正则]
2007/02/22 PHP
php学习笔记 [预定义数组(超全局数组)]
2011/06/09 PHP
解析php mysql 事务处理回滚操作(附实例)
2013/08/05 PHP
php权重计算方法代码分享
2014/01/09 PHP
linux下安装php的memcached客户端
2014/08/03 PHP
php中判断数组相等的方法以及数组运算符介绍
2015/03/30 PHP
php获取本周星期一具体日期的方法
2015/04/20 PHP
Laravel框架使用monolog_mysql实现将系统日志信息保存到mysql数据库的方法
2018/08/16 PHP
js兼容标准的表格变色效果
2008/06/28 Javascript
javascript qq右下角滑出窗口 sheyMsg
2010/03/21 Javascript
灵活的理解JavaScript中的this指向
2016/02/25 Javascript
Nodejs进阶:如何将图片转成datauri嵌入到网页中去实例
2016/11/21 NodeJs
JavaScript设计模式之代理模式详解
2017/06/09 Javascript
JS交互点击WKWebView中的图片实现预览效果
2018/01/05 Javascript
Vue项目中使用better-scroll实现菜单映射功能方法
2019/09/11 Javascript
详解Angular cli配置过程记录
2019/11/07 Javascript
如何基于layui的laytpl实现数据绑定的示例代码
2020/04/10 Javascript
写给新手同学的vuex快速上手指北小结
2020/04/14 Javascript
[05:10]2014DOTA2国际邀请赛 通往胜利之匙赛场探秘之旅
2014/07/18 DOTA
在Python的Django框架中编写编译函数
2015/07/20 Python
Python使用requests发送POST请求实例代码
2018/01/25 Python
Python对List中的元素排序的方法
2018/04/01 Python
python 除法保留两位小数点的方法
2018/07/16 Python
正确理解Python中if __name__ == '__main__'
2019/01/24 Python
Python json读写方式和字典相互转化
2020/04/18 Python
Python如何转换字符串大小写
2020/06/04 Python
python进行二次方程式计算的实例讲解
2020/12/06 Python
用python制作个视频下载器
2021/02/01 Python
详解如何用HTML5 Canvas API控制图片的缩放变换
2016/03/22 HTML / CSS
哄娃神器4moms商店:美国婴童用品品牌
2019/03/07 全球购物
户外亲子活动策划方案
2014/02/07 职场文书
大学学习个人的自我评价
2014/02/18 职场文书
市场营销求职信范文
2014/02/21 职场文书
物流专业自荐信
2014/05/23 职场文书
借条如何写
2015/05/26 职场文书
vue项目如何打包之项目打包优化(让打包的js文件变小)
2022/04/30 Vue.js