vue.js - Vue로 어떻게 실시간으로로드 할 수 있습니까?

데이터 가져 오기의로드 진행률을 정의합니다.

// 0 = 시작되지 않음

// 1 = 로딩 시작

// 2 = 문제없이 로딩 완료

// 3 = 문제가 있습니다.

데이터에서 프로세스 소품을 정의합니다.

data(){
   return {
      loading: 0
   }
}

그런 다음 메서드에서 로딩을 사용할 수 있습니다.

getAllList: function(){
 this.loading = 1 
 const self = this
 axios.get('api.php')
 .then(function(response){
    app.listContent = response.data.listPro;
    self.loading = 2
 })
 .catch(err => {
    self.loading = 3
 })

사용하여 데이터 개체에 도달하지 않으려면 const self 그런 다음 사용 () =>

axios.get('api.php')
 .then((response) => {
    this.listContent = response.data.listPro;
    this.loading = 2
 })

만약 loading == 2 그런 다음 텍스트를 표시하십시오. 그렇지 않다면 다르게 처리하십시오 ...