vue+element+axios全局loading增加target标签时处理方法

最新推荐文章于 2024-07-19 20:55:59 发布

bjLiuqaq

最新推荐文章于 2024-07-19 20:55:59 发布

阅读量7.1k

点赞数

文章标签： vue element aixos

本文链接：https://blog.csdn.net/bjLiuqaq/article/details/80608581

版权

在使用axios的拦截器设置全局Loading时，若指定`target`属性会导致关闭Loading失效，因为此时Loading不再为单例。解决方法是确保在关闭时正确处理非单例的Loading状态。

摘要由CSDN通过智能技术生成

问题：

在axios的拦截器中配置全局loading时。如果加上target属性时。调用close方法关闭loading时。close方法将失效

原因：

加上target标签时候loading将不是一个单例。

解决方式：

 
  let loadinginstance, loadCount = 
  0, 
 
   loadingArray=[]; 
 
   axios.interceptors.request.use( 
 
   config 
  => { 
 
   loadCount++ 
 
   loadinginstance = Loading.service({ 
 
   target: 
  '.content-wrapper', 
 
   fullscreen: 
  false, 
 
   text: