VueJS 데이터는 내가이 템플릿에 인쇄 할 수 없습니다 나는이 목록 를 표시하지 않는 방법 리턴

Question

/* eslint-disable eol-last */ 
<template> 

<div id="app"> 
    <ul> 
     <li v-for="item in items"> /* this list is not displaying */ 
     {{ item.id }} 
     </li> 
    </ul> 
    </div> 
</template> 

<script> 
export default { 
    name: 'app', 
    data: { 
    items: [] 
    }, 
    created() { 
    this.fetchData() 
    }, 
    methods: { 
    fetchData() { 
     this.$http.get('http://url/api/users') 
     .then(result => { 
      this.items = result.data 
     }) 
    } 
    } 
} 
</script> 

에서 템플릿에 표시되지 않습니다. Json은 데이터를 반환하지만 template.please에서 액세스 할 수 없습니다. 내가 실수하고있는 곳.

Answer 1

문제는 Ajax 콜백에서 THIS.items에 할당하려고 시도했지만이 범위가 잘못되었을 수 있습니다. AJAX 호출 예컨대 let self = this; 그리고 아약스 CB에 전에 변수를 작성하십시오`디버거를 추가 self.items = response.data;