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;