vue loading组件消失的问题

Question

1.写了一个loading组件，用了全局的路由守卫。router.beforeEach(()=>{
在这里显示loading
})，
2页面数据加载完后，使loading图消失。
3.现在从A页面进入B页面，loading图正常出现，正常消失，但是，点击返回A页面，loading图出现了，可是由于使用了缓存，没有加载数据，loading图不消失，请问怎么解决？

Answer 1

可以在Axios.interceptors.request.use(function(config){

//这里显示loading图
return config  

},function(err){

return Promise.reject(err)  

});
在Axios.interceptors.response.use(function(response){

//这里让loading图消失
return response  

},function(err){

return Promise.reject(err)  

});

Answer 2

可以在vue的mounted钩子中，主动隐藏你的组件，比如：

mounted () {
    this.$nextTick(function () {
      // DOM渲染完毕，执行隐藏loading
    })
  }

Answer 3

兄弟 有方法解决吗?我也碰到了