Vue中单页面初始化时请求多个接口需要加上遮罩层,如何等到所有接口请求完毕关闭loading遮罩层?

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>

至此,完毕!

猜你喜欢

转载自blog.csdn.net/tuchang0212/article/details/87346635