vue 인터페이스 데이터 할당 이 data 에 반응 하지 않 는 문 제 를 해결 합 니 다.

질문:
바로 내 가 인터페이스 에 data 의 변 수 를 할당 한 후에 구성 요소 의 효과 가 나 오지 않 았 다(나 는 회전 효과).
코드 는 다음 과 같 습 니 다:

data() {
 return {
  slides: []
 }
},

mounted() {
 this.request()
},
methods: {
 request() {
  this.$http.post('xxxxxxxxxxxx', {},
   (res) => {
    if (is.object(res)) {
     if (res.status === 'succ') {
      this.slides = res.data.useddevice_list
      console.log(this.slides)
     } else {
      console.log(res)
     }
    } else {
     this.$toast.show('    ')
    }
   }, (data) => {
    this.$toast.show('      ')
   })
 }
}

출력 해도 데이터 가 있 습 니 다.

해결 방법:
그 는[]이기 때문에 처음에 불 러 올 때 데 이 터 를 가 져 오 는 것 은 undefined 일 것 입 니 다.vue 는 모든 속성 을 미리 설명 하 는 것 이 좋 겠 다 고 공식 적 으로 말 했 습 니 다.데이터 가 있 든 없 든 null 을 주세요.

data() {
 return {
  slides: [null]
 }
},

mounted() {
 this.request()
},
methods: {
 request() {
  this.$http.post('xxxxxxxxx', {},
   (res) => {
    if (is.object(res)) {
     if (res.status === 'succ') {
      this.slides = res.data.useddevice_list
      console.log(this.slides)
     } else {
      console.log(res)
     }
    } else {
     this.$toast.show('    ')
    }
   }, (data) => {
    this.$toast.show('      ')
   })
 }

이상 vue 인터페이스 데이터 할당 이 data 에 반응 하지 않 는 문 제 를 해결 하 는 것 은 바로 작은 편집 이 여러분 에 게 공유 하 는 모든 내용 입 니 다.참고 가 되 고 저희 도 많이 응원 해 주 셨 으 면 좋 겠 습 니 다.