reactive-programming - 从 Vue-Router 调用 vuex getter

Question

是否可以从路由器调用 vuex getter？我需要从 beforeach 钩子中检查布尔变量的状态：

router.beforeEach(function ({ to, next }) {
    if (to.path !== '/login') {
        // return a Promise that resolves to true or false
        return the-needed-variable-from-store;
    } else {
        next()
    }
})

如何获取和检查从商店派生的变量？

非常感谢！

Answer 1

这里对此进行了讨论：https ://github.com/vuejs/vuex-router-sync/issues/3#issuecomment-200192468

我能够以一种相当荒谬的方式访问该变量：

router.beforeEach((transition)=>{
    if(transition.to.auth){
        if(!transition.to.router.app.$store.state.auth.authorized){
            transition.abort()
            router.go({path:"/"})
        }
    }
    transition.next()
});

所以在你的情况下它可能看起来像to.router.app.$store.state