时间戳

首页 > 解决方案 > 无法访问 Vue Router 当前参数

javascript - 无法访问 Vue Router 当前参数

问题描述

在我最初的 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); 这在控制台中给了我以下输出： 在此处输入图像描述

突然间所有的属性都是空的。如果我进一步钻到该机构，控制台输出未定义

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

标签： javascriptvue.jsvuexvue-router

解决方案

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

推荐阅读