javascript - VueJs中如何通过路由名称获取特定路由数据？

Question

在 VueJs 中，我总是可以访问当前的路线数据。但是如果我想通过名称访问不同路径的数据怎么办？假设我定义了路线，

[
    {
        name: "dashboard",
        path: "/",
        component: Dashboard,
        meta: {
            title: "Dashboard",
        }
    },
    {
        name: "login",
        path: "/login",
        component: Login,
        meta: {
            title: "Login",
        }
    }
]

现在假设我在仪表板 route 。我可以通过 this.$route 访问它的数据，但是如果我想访问名为 login 的路由的元数据怎么办？是否有任何函数可以返回名为 login 的路由对象？

Answer 1

您可以使用 resolve将路由名称转换为路径的方法如下:

const { href } = this.$router.resolve({
  name: 'password-change',
});

或者如果您需要更多信息:

const { route } = this.$router.resolve({
  name: 'password-change',
});

作为返回，您会得到一个包含路由路径、元数据、参数等的对象。