无法访问 Vue Router 当前参数答案

【问题标题】：Cannot access Vue Router Current Parameter无法访问 Vue Router 当前参数
【发布时间】：2019-07-01 10:31:19
【问题描述】：

在我最初的 App.vue 中，我正在调度一个检查用户身份验证的操作。该组件如下所示：

<template>
    <v-app>
        <spinner v-if="!user" :status="spinner.status" :color="spinner.color" :size="spinner.size" :depth="spinner.depth" :rotation="spinner.rotation" :speed="spinner.speed"></spinner>
            <div v-if="style">
            <app-header></app-header>
            <v-content style="margin-left:24px;margin-right:24px;">
                <!-- <v-container grid-list-md text-cs-center> -->
                    <router-view v-if="user"></router-view>
                <!-- </v-container> -->
            </v-content>
            <app-footer></app-footer>
        </div>
    </v-app>
</template>

在这个组件中，我添加了组件。这将在我们知道身份验证状态后立即呈现。

一旦确定了身份验证状态（登录/注销），我将调度另一个负责从服务器获取样式的操作。管理员用户获得通用样式，而普通用户将获得基于 URL 中动态值的样式。

例如：yoursite.com/company_one 将从公司所在的服务器获取样式company_one

当我尝试访问我的 store.js 文件中的路由器时，我在控制台中收到以下输出。

console.log(router.history) =>

我现在想深入了解代理参数，所以我尝试：

如果我 console.log(router.history.current); 这在控制台中给了我以下输出：

突然间所有的属性都是空的。如果我进一步深入了解该机构，控制台会输出 undefined

有人可以解释为什么会这样吗？

【问题讨论】：

在 jsfiddle 或 codepen 上重现的任何示例？

标签： javascript vue.js vuex vue-router

【解决方案1】：

如果您正在寻找当前的参数，您可以尝试this.$route.params，如下所述：https://router.vuejs.org/guide/essentials/dynamic-matching.html

【讨论】：