2017-08-01 66 views
0

我做异步工作在我的路由器的导航后卫:Vue的路由器异步线路后卫进步

router.beforeEach((to, from, next) => { 
    somethingAsync().done(next) 
}) 

是否路由器暴露什么告诉我,这是目前“装”?还是我需要自己跟踪它?一旦异步工作完成,现在内容将在<router-view></router-view>中弹出。我目前的解决方案是跟踪我的Vuex存储中的活动工作,并在路由器视图旁显示加载元素。

回答

1

我做什么,实现什么,我想你想的是:

  • 使用Axios公司或别的东西有拦截 https://github.com/mzabriskie/axios
  • 有具有挂起请求计数器的组成部分。当该计数器高于0时,显示加载元素。
  • 之后,您只需配置拦截器,以便在发出请求时计数器上升,当收到响应 时,计数器会关闭。

我可以告诉你一些代码,如果你需要的话。

+0

是的,它是我今天在我的Vuex商店做的:)我很好奇是否有内置的东西,所以我不会重新发明轮子 – Johan