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 迁移目录
Dec 18 Javascript
ImageFlow可鼠标控制图片滚动
Jan 30 Javascript
js 跳出页面的frameset框架示例介绍
Dec 23 Javascript
JS保留两位小数,多位小数的示例代码
Jan 07 Javascript
Asp.Net alert弹出提示信息的几种方法总结
Jan 29 Javascript
JavaScript数值数组排序示例分享
May 27 Javascript
JS判断变量是否为空判断是否null
Jul 25 Javascript
JavaScript中的slice()方法使用详解
Jun 06 Javascript
jQuery EasyUi实战教程之布局篇
Jan 26 Javascript
AngularJS控制器之间的数据共享及通信详解
Aug 01 Javascript
jQuery ajax的功能实现方法详解
Jan 06 Javascript
详解小程序横屏方案对比
Jun 28 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
完美实现GIF动画缩略图的php代码
2011/01/02 PHP
基于MySQL到MongoDB简易对照表的详解
2013/06/03 PHP
Yii2中添加全局函数的方法分析
2017/05/04 PHP
PHP中PDO事务处理操作示例
2018/05/02 PHP
JMenuTab简单使用说明
2008/03/13 Javascript
js 多种变量定义(对象直接量,数组直接量和函数直接量)
2010/05/24 Javascript
动态调用CSS文件的JS代码
2010/07/29 Javascript
js分解url参数(面向对象-极简主义法应用)
2012/08/09 Javascript
JavaScript中双叹号!!作用示例介绍
2014/09/21 Javascript
javascript实现网页背景烟花效果的方法
2015/08/06 Javascript
jQuery-1.9.1源码分析系列(十)事件系统之事件包装
2015/11/20 Javascript
全面解析Bootstrap中nav、collapse的使用方法
2016/05/22 Javascript
基于JSON格式数据的简单jQuery幻灯片插件(jquery-slider)
2016/08/10 Javascript
Vue.js实现一个漂亮、灵活、可复用的提示组件示例
2017/03/17 Javascript
Vue项目中引入外部文件的方法(css、js、less)
2017/07/24 Javascript
Node.js 基础教程之全局对象
2017/08/06 Javascript
node.js中axios使用心得总结
2017/11/29 Javascript
浅谈vue引入css,less遇到的坑和解决方法
2018/01/20 Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
2018/04/27 jQuery
微信小程序实现上传图片功能
2018/05/28 Javascript
python连接oracle数据库实例
2014/10/17 Python
简单介绍Python中的struct模块
2015/04/28 Python
Python爬取国外天气预报网站的方法
2015/07/10 Python
python读取excel表格生成erlang数据
2017/08/26 Python
html5/css3响应式页面开发总结
2018/10/16 HTML / CSS
意大利综合购物网站:Giordano Shop
2016/10/21 全球购物
诗普兰迪官方网站:Splendid
2018/09/18 全球购物
C#实现启动一个进程
2016/10/01 面试题
2014年两会学习心得体会
2014/03/10 职场文书
安全承诺书范文
2014/03/26 职场文书
工程承诺书怎么写
2014/05/24 职场文书
优秀团员事迹材料2000字
2014/08/20 职场文书
党员检讨书
2014/10/13 职场文书
退税申请报告怎么写
2015/05/18 职场文书
一篇文章带你了解Python和Java的正则表达式对比
2021/09/15 Python
PHP RabbitMQ消息列队
2022/05/11 PHP