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 相关文章推荐
基于jQuery的获得各种控件Value的方法
Nov 19 Javascript
jquery序列化form表单使用ajax提交后处理返回的json数据
Mar 03 Javascript
iframe实用操作锦集
Apr 22 Javascript
两种方法实现在HTML页面加载完毕后运行某个js
Jun 16 Javascript
JS实现重新加载当前页面
Nov 29 Javascript
node.JS md5加密中文与php结果不一致的解决方法
May 05 Javascript
微信小程序 MinUI组件库系列之badge徽章组件示例
Aug 20 Javascript
vue-cli脚手架build目录下utils.js工具配置文件详解
Sep 14 Javascript
在Bootstrap开发框架中使用dataTable直接录入表格行数据的方法
Oct 25 Javascript
js时间转换毫秒的实例代码
Aug 21 Javascript
JS如何寻找数组中心索引过程解析
Jun 01 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 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中preg_match正则匹配中的/u、/i、/s含义
2015/04/17 PHP
常见的四种POST 提交数据方式(小总结)
2015/10/08 PHP
使用PHP如何实现高效安全的ftp服务器(一)
2015/12/20 PHP
PHP简单实现数字分页功能示例
2016/08/24 PHP
PHP实现求连续子数组最大和问题2种解决方法
2017/12/26 PHP
PHP使用mongoclient简单操作mongodb数据库示例
2019/02/08 PHP
JS 常用校验函数
2009/03/26 Javascript
JS测试显示屏分辨率以及屏幕尺寸的方法
2013/11/22 Javascript
js window.open弹出新的网页窗口
2014/01/16 Javascript
关于JS中match() 和 exec() 返回值和属性的测试
2016/03/21 Javascript
基于BootStrap Metronic开发框架经验小结【八】框架功能总体界面介绍
2016/05/12 Javascript
JS实现图片局部放大或缩小的方法
2016/08/20 Javascript
javascript之with的使用(阿里云、淘宝使用代码分析)
2016/10/11 Javascript
JavaScript实现瀑布流以及加载效果
2017/02/11 Javascript
深入理解Vue.js源码之事件机制
2017/09/27 Javascript
React Native 图片查看组件的方法
2018/03/01 Javascript
详解在React里使用"Vuex"
2018/04/02 Javascript
JavaScript实现简易聊天对话框(加滚动条)
2020/02/10 Javascript
javascript解析json格式的数据方法详解
2020/08/07 Javascript
react-intl实现React国际化多语言的方法
2020/09/27 Javascript
微信小程序 接入腾讯地图的两种写法
2021/01/12 Javascript
[02:41]DOTA2英雄基础教程 冥魂大帝
2014/01/16 DOTA
采用python实现简单QQ单用户机器人的方法
2014/07/03 Python
python中使用urllib2获取http请求状态码的代码例子
2014/07/07 Python
DJANGO-ALLAUTH社交用户系统的安装配置
2014/11/18 Python
Python复制文件操作实例详解
2015/11/10 Python
python3.6使用tkinter实现弹跳小球游戏
2019/05/09 Python
PyCharm中Matplotlib绘图不能显示UI效果的问题解决
2020/03/12 Python
面向新手解析python Beautiful Soup基本用法
2020/07/11 Python
PyQt5多线程防卡死和多窗口用法的实现
2020/09/15 Python
2分钟教你实现环形/扇形菜单(基础版)
2020/01/15 HTML / CSS
德国最大的网上鞋店之一:Schuhe24.de
2017/06/10 全球购物
高一英语教学反思
2014/01/22 职场文书
少先队活动总结
2014/08/29 职场文书
2014年煤矿安全工作总结
2014/12/04 职场文书
Redis Cluster集群动态扩容的实现
2021/07/15 Redis