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如果尚未獲取數據。

if (store.getters.userInfo.isAdmin === null) { 
    const watcher = store.watch(store.getters.userInfo.isAdmin, isAdmin => { 
     watcher(); // stop watching 
     if (isAdmin) next(); 
     else next('/'); 
    }); 
} 
else if (store.getters.userInfo.isAdmin) next(); 
else next('/');