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

Question

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

Answer 1

张轩 2021-04-21 09:16:08

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

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