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 相关文章推荐
node.js中的http.response.write方法使用说明
Dec 14 Javascript
7个让JavaScript变得更好的注意事项
Jan 28 Javascript
vue使用watch 观察路由变化,重新获取内容
Mar 08 Javascript
微信小程序使用checkbox显示多项选择框功能【附源码下载】
Dec 11 Javascript
Vue header组件开发详解
Jan 26 Javascript
react中实现搜索结果中关键词高亮显示
Jul 31 Javascript
layui点击导航栏刷新tab页的示例代码
Aug 14 Javascript
Vue一个案例引发的递归组件的使用详解
Nov 15 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
vue中@change兼容问题详解
Oct 25 Javascript
vue输入框使用模糊搜索功能的实现代码
May 26 Javascript
Nuxt.js的路由跳转操作(页面跳转nuxt-link)
Nov 06 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极大的增强功能和性能
2006/10/09 PHP
php GD绘制24小时柱状图
2008/06/28 PHP
php使用function_exists判断函数可用的方法
2014/11/19 PHP
laravel中的错误与日志用法详解
2016/07/26 PHP
解决在Laravel 中处理OPTIONS请求的问题
2019/10/11 PHP
基于laravel belongsTo使用详解
2019/10/18 PHP
JQueryEasyUI datagrid框架的进阶使用
2013/04/08 Javascript
JS修改css样式style浅谈
2013/05/06 Javascript
node.js中的fs.createReadStream方法使用说明
2014/12/17 Javascript
jQuery中DOM树操作之复制元素的方法
2015/01/23 Javascript
JS中判断字符串中出现次数最多的字符及出现的次数的简单实例
2016/06/03 Javascript
JS实现一次性弹窗的方法【刷新后不弹出】
2016/12/26 Javascript
jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码
2016/12/27 Javascript
input框中自动展示当前日期yyyy/mm/dd的实现方法
2017/07/06 Javascript
Mongoose中document与object的区别示例详解
2017/09/18 Javascript
详解webpack性能优化——DLL
2017/10/20 Javascript
AngularJS与后端php的数据交互方法
2018/08/13 Javascript
d3.js 地铁轨道交通项目实战
2019/11/27 Javascript
在Python中使用base64模块处理字符编码的教程
2015/04/28 Python
Python3编程实现获取阿里云ECS实例及监控的方法
2017/08/18 Python
python flask框架实现传数据到js的方法分析
2019/06/11 Python
简单了解Django ContentType内置组件
2019/07/23 Python
基于Python的Jenkins的二次开发操作
2020/05/12 Python
群胜软件Java笔试题
2012/09/29 面试题
what is the difference between ext2 and ext3
2015/08/25 面试题
护理专业自荐信
2013/12/03 职场文书
化工操作工岗位职责
2014/04/29 职场文书
创先争优活动心得体会
2014/09/04 职场文书
单位委托函范文
2015/01/29 职场文书
沂蒙六姐妹观后感
2015/06/08 职场文书
2015年防灾减灾工作总结
2015/07/24 职场文书
Redis如何一键部署脚本
2021/04/12 Redis
2021年最新用于图像处理的Python库总结
2021/06/15 Python
深入解析MySQL索引数据结构
2021/10/16 MySQL
Redis分布式锁的7种实现
2022/04/01 Redis
小程序实现侧滑删除功能
2022/06/25 Javascript