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    })  }