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調用 E.g let self = this; 而在阿賈克斯CB前一個變量： self.items = response.data;