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进行图片的切换即特效展示图片
Dec 03 Javascript
网站内容禁止复制和粘贴、另存为的js代码
Feb 26 Javascript
jQuery截取指定长度字符串的实现原理及代码
Jul 01 Javascript
全面介绍javascript实用技巧及单竖杠
Jul 18 Javascript
JS+Ajax实现百度智能搜索框
Aug 04 Javascript
Angular将填入表单的数据渲染到表格的方法
Sep 22 Javascript
RequireJS用法简单示例
Aug 20 Javascript
微信小程序实现批量倒计时功能
Nov 01 Javascript
jQuery实现简单弹幕效果
Nov 28 jQuery
微信小程序scroll-view锚点链接滚动跳转功能
Dec 12 Javascript
js实现限定区域范围拖拉拽效果
Nov 20 Javascript
js canvas实现五子棋小游戏
Jan 22 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
ThinkPHP使用PHPExcel实现Excel数据导入导出完整实例
2014/07/22 PHP
Linux系统下PHP-FPM的安装和配置教程
2015/08/17 PHP
Yii2中YiiBase自动加载类、引用文件方法分析(autoload)
2016/07/25 PHP
详解PHP版本兼容之openssl调用参数
2018/07/25 PHP
PHP XML Expat解析器知识点总结
2019/02/15 PHP
PHP的new static和new self的区别与使用
2019/11/27 PHP
javascript 三种编解码方式
2010/02/01 Javascript
javascript中运用闭包和自执行函数解决大量的全局变量问题
2010/12/30 Javascript
『jQuery』.html(),.text()和.val()的概述及使用
2013/04/22 Javascript
JS 新增Cookie 取cookie值 删除cookie 举例详解
2014/10/10 Javascript
JS继承用法实例分析
2015/02/05 Javascript
javascript实现信息增删改查的方法
2015/07/25 Javascript
jQuery针对input的class属性写了多个值情况下的选择方法
2016/06/03 Javascript
JS 实现导航菜单中的二级下拉菜单的几种方式
2016/10/31 Javascript
easyui datagrid 大数据加载效率慢,优化解决方法(推荐)
2016/11/09 Javascript
微信小程序 tabs选项卡效果的实现
2017/01/05 Javascript
拖动时防止选中
2017/02/03 Javascript
微信小程序事件 bindtap bindinput代码实例
2019/08/26 Javascript
[38:21]2018DOTA2亚洲邀请赛3月30日 小组赛A组 LGD VS Newbee
2018/03/31 DOTA
Python urlopen()函数 示例分享
2014/06/12 Python
微信跳一跳游戏python脚本
2020/04/01 Python
十分钟利用Python制作属于你自己的个性logo
2018/05/07 Python
python opencv3实现人脸识别(windows)
2018/05/25 Python
详解Python3.6安装psutil模块和功能简介
2018/05/30 Python
tensorflow更改变量的值实例
2018/07/30 Python
Python3 selenium 实现QQ群接龙自动化功能
2020/04/17 Python
keras绘制acc和loss曲线图实例
2020/06/15 Python
python更新数据库中某个字段的数据(方法详解)
2020/11/18 Python
运动会领导邀请函
2014/01/10 职场文书
企业军训感言
2014/02/08 职场文书
学生无故旷课检讨书
2014/09/20 职场文书
2014年自愿离婚协议书
2014/10/10 职场文书
2014年最新离婚协议书范本
2014/10/11 职场文书
Python词云的正确实现方法实例
2021/05/08 Python
详解CSS故障艺术
2021/05/25 HTML / CSS
js前端设计模式优化50%表单校验代码示例
2022/06/21 Javascript