vue.js - 从 VueRouter 实例访问路由对象

Question

我正在开发一个小型服务，它将使用当前路由的查询参数。

不幸的是，VueRouter 似乎没有 route 参数，所以我无法访问我在服务中需要的信息。

import router from "../router";

class QueryParametersService {
    constructor() {
        this.router = router;
    }

    getAll() {
        // Unfortunately, `route` does not exist there
        // but for you, to get the idea, I want to achieve something like this
        return this.router.route.query;
    }
}

当然，路由器已正确实例化并且运行良好。有没有办法从 VueRouter 实例中访问当前路由？或者有什么方法可以从外部服务访问当前路由？提前谢谢你。

Answer 1

糟糕，我还没有阅读 VueRouter's API 的整个文档.

当前路线存储在 router.currentRoute 中。

不幸的是，这可能是一个神奇的方法，这就是为什么当您对实例进行 console.log 时它不可见。