Wie erhalten Sie Index in Paginierung Vuejs?

Question

Ich versuche Paginierung in vuejs & My code in fiddle

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

mein quetion ist, wie Index in Paginierung zu bekommen?

zum Beispiel: Ich habe Daten in Paging- oder Seite eins:

Index: "1" - Kathy Sparks

Index: "2" - Gladys Tate

und dann, wenn ich zwei paging paging bin, möchte ich weiter fortfahren

Index: 3 - Shannon

Index: 4 - Rosetta Scott

Answer 1

Ich würde vorschlagen, die Ausgabe jeden Element in eine untergeordneten Komponente und das Bestehen den Index dieses Elements im Array als param setzen. Es gibt auch andere Möglichkeiten, um es, wie das Bestehen der Nachricht aus Ihrer vue Vorlage in ein Verfahren zu tun und den Index des Feldes, zB aufzublicken:

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

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

Answer 2

Der schnellste Weg:

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