Итерация по массиву данных в VueJS 2.0

Question

У меня есть компонент vue, для которого я получаю разбитые на страницы данные из api.

То, что я хочу сделать, это обновить итерированный список, используя меньшую сумму постраничной ... Таким образом, в моем шаблоне компонента вю

<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% уверен, что вы можете сделать ...