ページングvuejsでインデックスを取得するには？

Question

私は私のquetionが改ページにインデックスを得ることができる方法であるvuejs & My code in fiddle

v-for="(number, item) in items | filterBy name in 'name' | limitBy count offset" 

で改ページをしようとしていますか？例えば

： 私はページングまたはページ1のデータを持っている：

インデックス： "1" - キャシー・スパークス

インデックス： "2" - グラディス・テイト

私がページングを2回クリックしている場合は、続けてインデックスを作成したいと考えています。

度：3 - シャノン

度：4 - ロゼッタスコット

Answer 1

I子成分に各項目の出力を置くとPARAMとしてアレイでそのアイテムのインデックスを通過示唆する。このような方法にあなたのVUEテンプレートからアイテムを渡すと、フィールドのインデックスを検索するようにそれを行うために他の方法、例えば、があります。

// vue template 
{{ whatIndex(item) }} 

// vue js 
vue.methods.whatIndex = function (item) { 
    // some logic to lookup the name from this.items 
    return i 
} 

Answer 2

最速の方法：

{{number + offset + 1}} - {{item.name}}