无法访问Vue路由器当前参数

时间:2019-02-07 10:21:34

标签: javascript vue.js vuex vue-router

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

from django.db.models import Sum, F
MyModel.objects.filter(<filters>).aggregate(Sum(F('field1')*F('field2')))

在此组件中,我添加了该组件。我们知道身份验证状态后,就会立即呈现该

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

例如:yoursite.com/company_one将从公司为 company_one

的服务器上获取样式

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

<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> => enter image description here

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

如果我     console.log(router.history.current); 这在控制台中提供了以下输出: enter image description here

所有属性突然都为空。如果我进一步深入到代理商,控制台将输出 undefined

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

1 个答案:

答案 0 :(得分:0)

如果要查找当前参数,可以尝试this.$route.params,如此处所述:https://router.vuejs.org/guide/essentials/dynamic-matching.html