javascript - 无法从 VueX 访问值，甚至可以在控制台中看到值

Question

我正在尝试在beforeEnter挂钩中从VueX Store访问值我尝试使用 store 对象直接访问它，甚至通过 store 对象访问 getter 函数，但即使我可以在 store 对象中看到值，仍然返回空对象

async getCurrentUser(to, from, next) {
        
        console.log("getUserState");
        console.log(Store.store);
        console.log(Store.store.state.auth.user);
        console.log("finish");
}

我在beforeEnter钩子中的 router.js 中使用上述方法。

{
      path: "/dashboard",
      name: "dashboard",
      components: {
        header: DashboardHeader,
        default: Dashboard,
        footer: DashboardFooter
      },
      beforeEnter: Guards.getCurrentUser
    }

单击此处查看getCurrentUser函数控制台上的输出

如您所见，该值在那里，但是当我在下面的行中直接访问它时，它是一个空对象。我在下面的 javascript 模块中访问它

import * as Store from './store/store'

export default {

    async getCurrentUser(to, from, next) {
        
        console.log(Store.store);
        console.log(Store.store.state.auth.user);
      
      }

}

标签： javascriptvue.jsvuexvue-router