Vue 在 main.js 中获取当前路由对应的路由信息对象

chen · 2017.12.1

目的

在 main.js 中判断是否是首页

实现

通过查找 Vue Router 文档 发现 router.currentRoute 属性。

参数介绍

router.currentRoute

类型: Route

当前路由对应的路由信息对象。

路由信息对象中包括 path,即当前路由的路径:

$route.path

类型: string

字符串,对应当前路由的路径,总是解析为绝对路径,如 "/foo/bar"。

然后可以通过 path 来判断当前路由是哪个页面:

if (router.currentRoute.path == '/') {
    window.location.reload(true)
}