vue获取当前激活路由的方法

183 阅读 0 评论 121 点赞

我是靠谱客的博主笑点低斑马，最近开发中收集的这篇文章主要介绍vue获取当前激活路由的方法，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

一个 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属性，原因还不知道。。