数据加载出来之前显示loading…

	

        
        
疯狂加载中...

        
        
        

		

        
        

        	
            
数据异常,请稍后再试
        

        
        
暂无数据

        
        

            

              {{item.label}}
              {{item.value}}
            
        
        
    


export default {
	data() {
    	return {
        	loading: false,
        	list: [],
        	abnormal: false,
        }
    },
    mounted() {
    	this.getList();
    },
    methods: {
    
    	this.loading = true;
        
    	//请求api
        getList() {
        
        	let data = {
            	page: 1,
                size: 1,
            }
            
        	getList(data).then((response) => {
            
                    if(response.data.code === 0) {
                        this.list = response.data.data;
                        this.loading = false;//请求完毕 loading设置为false
                        this.abnormal = false;
                    } else {
                        this.abnormal = true;//异常
                    }
                
                }
            	
            }).catch((err) => {
            	console.log("err: ",err);
                
                this.loading =  false;//请求完毕 loading设置为false
            })
        }
    },
}