对VueJS 2.0中的数据数组进行迭代

Question

我有一个vue组件，可以从中获取来自api的分页数据。

我想要做的就是更新使用较小的分页总迭代列表...所以在我VUE组件模板

<td v-for="item in listItems">...... 
</td> 

，并在脚本

{ 
    data(){ return { items:[]; pageSize:5, page:1 } // items is 20 in total; pageSize is 5 per page 
    computed :{ 
    listItems: function(){ 
     var arr = []; 
     while (i < this.pageSize) { 
     arr.push(this.items[i + (this.page * this.pageSize)]); 
     i++; 
     } 
     return arr ; 
     } 
    }, 
    methods:{ 
     getDATA: function(){ this.$http.get().then(response => { 
        this.items = response.data.data; // array of data objects 
       }); 
      } 
     } 
    } 

，但我得到的空阵列/我猜我不能像正常的阵列迭代

Answer 1

如果我理解你正确这可能是你在找什么

export default { 
    { 
    data() { 
     return { 
     items: [], 
     page: 1, 
     pageSize: 1 
     } 
    }, 
    computed: { 
     listItems() => { 
     while (i < this.pageSize) { 
      this.items[i + (this.page * this.pageSize)]; 
     } 
     } 
    } 
    } 
} 

但我不确定你在做什么，所以这是最好的，我可以用有限的信息做，而且它看起来像你试图设置计算方法中的数据，我不是100％确定您可以做...