关于Upload的loading效果和全局loading效果冲突

来源：9-4 Uploader 组件第二部分

Lemon甜橙君

2021-04-20

搜索了下类似的问题，没看懂老师的回答，想请教一下老师 https://coding.imooc.com/learn/questiondetail/GDyQ0X9gaezPJARr.html
然后我有个想法，之所以效果会冲突，是因为upload组件中使用的axios，也被在main.ts中的拦截器拦截了，所以能不能单独在upload组建中再单独写一套拦截，来覆盖掉main.ts中的代码呢?这样的话，upload也可以作为一个独立的组件，而不只是拘泥于当前项目了

写回答

1回答

张轩

2021-04-21

同学你好我的想法就是在路由上添加属性， upload 不用改，改全局出现的逻辑

// 在想去掉全局 loading 的路由添加 对应的 meta
meta: {  disableLoading: true }
// 在全局App.vue中拿到是否要显示 loading 状态，添加 meta 的判断
const showLoading = computed(() => isLoading.value && !route.meta.disableLoading)
// 在页面上判断
<loader v-if="showLoading"></loader>

Vue3 + TS 仿知乎专栏企业级项目

带你完成前后端分离复杂项目，率先掌握 vue3 造轮子技能

3142 学习 · 2313 问题

查看课程

相似问题

关于 axios 拦截实现loading

回答 1

如果是同一个组件里，有多个异步请求，那loading岂不是重复了很多？

回答 1

关于全局请求Loading状态和上传组件Loading同时显示的问题。

回答 1

老师你好，这一小节我用reactive改写后有两个问题麻烦解答下

回答 2

TS能否写滚动效果

回答 1

打开慕课网App查看更多内容