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

    })

  }