vue.js 데이터 렌 더 링 성공 에 도 오 류 를 보고 하 는 문 제 를 해결 합 니 다.

최근 vue 프로젝트 를 만 들 고 있 습 니 다.공식 적 으로 추천 하 는 axios 요청 데 이 터 를 사용 하고 있 습 니 다.데이터 구 조 는 1 급 대상 이 2 급 대상 을 포함 하고 있 습 니 다.1 급 대상 데이터 렌 더 링 이 잘못 되 지 않 고 2 급 데이터 렌 더 링 이 잘못 되 었 습 니 다.답답 해!data 함 수 는 다음 과 같 습 니 다.

 export default {
  name: 'hello',
  data() {
   return {
    card:{} 

   }
  }
  }

돌아 온 데 이 터 는 다음 과 같 습 니 다.

{
 "object":{
  "subObject":"123",
  ...
 }
}

오 류 를 보고 한 이 유 는 data 함수 return 카드 에 2 급 대상 이 없 기 때문에 오 류 를 보고 할 수 있 습 니 다.
해결 방법 은:

export default {
  name: 'detail',
  data() {
   return {
    loading: false,
    card:{},
   }
  },
  created() {
   this.fetchData();
  },
   methods: {
   fetchData() {
   this.loading = true;
   let that=this;
    this.ajax.get(url, { params: { id: "yourId" } })
     .then(function (response) {
      that.loading = false;
     }, function (error) {
      console.log(error);
     })

   }
  }

그리고 html 에 다음 문장 을 추가 합 니 다.

<template>
 <div v-if="!loading">
 <!----  html  ------>
 </div>
</template>

그리고 틀 리 지 않 을 거 야!도움 이 됐 으 면 좋 겠 어 요!도 망 갔 어~~
확장 지식:Vue 구성 요소 페이지 렌 더 링 정상 대상 오류 undefined 문제 해결
우선,페이지 코드:{{options.fileList[0].fullPath},
렌 더 링 결과:(렌 더 링 성공),
그러나 콘 솔 은 여전히 잘못 보고 했다.
만약 에 저 와 똑 같은 문제 에 부 딪 힌 친구 가 있다 면 저 와 똑 같 을 것 입 니 다.마음 속 에 만 마리 의 진흙 말 이 날 아 갔 고 모두 정상 적 인 것 을 보 여 주 었 습 니 다.당신 TM 의 것 이 저 에 게 잘못 보 고 를 해 주 었 습 니 다.그러면 저 는 참 을 수 없습니다.먼저 저 는 페이지 노드 에 직접 인쇄 했 습 니 다.OK,문제 가 없습니다.완벽 하 게 인쇄 할 수 있 습 니 다.그리고 생각 을 바 꾸 었 습 니 다.mounted 에서 어떤 상황 을 보 았 는 지 알 아 보 겠 습 니 다mounted 에서 인쇄 된 것 은 빈 배열 입 니 다.그러면 저 는 무슨 문제 인지 알 게 될 것 입 니 다.페이지 를 불 러 올 때 데이터 가 전달 되 지 않 았 을 것 입 니 다.그러나 이때 우 리 는 이미 사용 하기 시 작 했 기 때문에 undefined 의 오 류 를 보고 할 것 입 니 다.데이터 의 값 이 전 달 될 때 페이지 에서 이 데 이 터 를 찾 아 렌 더 링 합 니 다.그래서 내 가 본 페이지 가 또 정상 이 되 었 기 때문에 이런 문 제 는 어떻게 해결 해 야 합 니까?
답 도 간단 합 니 다.렌 더 링 된 노드 에 판단 을 추가 하면 됩 니 다그러면 undefined 라 는 것 을 알 았 을 때 데 이 터 를 읽 지 않 고 데이터 가 있 을 때 읽 으 면 undefined 의 오류 가 발생 하지 않 습 니 다.
이상 의 vue.js 데이터 렌 더 링 성공 에 도 불구 하고 잘못된 문 제 를 해결 하 는 것 은 바로 편집장 이 여러분 에 게 공유 한 모든 내용 입 니 다.여러분 에 게 참고 가 되 고 저 희 를 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.