VueJS 2.0でのデータ配列の反復

Question

私はAPIからページ設定されたデータを取得するvueコンポーネントを持っています。

私は、このように私の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％保証するものではありません。