Trabajando con Vuetify, me surge la duda de como realizar una paginación de v-card. Teniendo una primera página sencilla de ejemplo como:
<v-col cols="12" xs="12" sm="12" xl="12" md="12" lg="12">
<v-row>
<v-col v-for="c in cards" cols="12" xs="12" sm="12" xl="3" md="12" lg="3">
<v-card>
<v-card-title>{{c.num}}</v-card-title>
<v-card-subtitle>{{c.nombre}}</v-card-title>
</v-card>
</v-col>
</v-row>
<v-row>
<div class="text-center">
<v-pagination v-model="page" :length="2"></v-pagination>
</div>
</v-row>
</v-col>
Y en JS
data:{
page:1,
cards: [
{"num": 1, "nombre": "n1"},
{"num": 2, "nombre": "n2"},
{"num": 3, "nombre": "n3"},
{"num": 4, "nombre": "n4"},
{"num": 5, "nombre": "n5"},
{"num": 6, "nombre": "n6"},
{"num": 7, "nombre": "n7"},
{"num": 8, "nombre": "n8"},
]
}
¿Cómo se podría plantear la páginación de v-card?