Vue中单页面初始化时请求多个接口需要加上遮罩层,如何等到所有接口请求完毕关闭loading遮罩层?
1.引入loading组件
import LoadingCom from '@/components/LoadingCom.vue'
2.声明控制是否显示loading的属性
export default {
data () {
return {
// 如果只有一个接口的时候,常声明为布尔类型的值
isLoading: 0
}
}
}
3.每次请求完接口就让isLoading++
4.当所有接口请求完之后进行判断
// 我这里页面初始化的时候要请求两次接口,所以判断的时isLoading!==2
<loading-com v-if="isLoading!==2"></loading-com>
至此,完毕!