vue.js：非同期値のルートガード待機

Question

すべてのアプリケーションと同様に、いくつかのルートがあります。例えば（router/index.js抜粋）：

[{ 
    path: '/reporting', 
    name: 'Reporting', 
    component: reporting, 
    meta: { 
     adminOnly: true 
    } 
}, 
...] 

reportingにアクセスするには、ユーザがvuexストア内のプロパティである、管理者権限を持っている必要があるときあなたは、ルート定義に見ることができるように。問題：このプロパティは非同期であり、ガードで最初にアクセスするときはもちろん間違っています。私のガードはそれを待つことができますか？

ガード：

if (to.matched.some(route => route.meta.adminOnly)) { 
    if (store.getters.userInfo.isAdmin) { 
     next() 
    } else { 
     next('/') 
    } 
} else { 
    next() 
} 

Answer 1

何store.watchを使用して、ゲッターを見てどうですか？

データがまだフェッチされない場合は、ゲッターがnullを返すと仮定します。