Skip to content

Commit 080db03

Browse files
committed
docs(VDataIterator): fix usage example for VPlay
1 parent a548e28 commit 080db03

File tree

1 file changed

+5
-4
lines changed
  • packages/docs/src/examples/v-data-iterator

1 file changed

+5
-4
lines changed

packages/docs/src/examples/v-data-iterator/usage.vue

Lines changed: 5 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -11,7 +11,6 @@
1111
v-bind="props"
1212
:items="cards"
1313
:page="page"
14-
items-per-page="3"
1514
>
1615
<template v-slot:default="{ items }">
1716
<template
@@ -46,8 +45,7 @@
4645
4746
const props = computed(() => {
4847
return {
49-
items: 'items',
50-
page: 'page',
48+
'items-per-page': 3,
5149
}
5250
})
5351
@@ -63,11 +61,14 @@
6361
<br>
6462
</template>
6563
</template>
64+
<template v-slot:footer="{ pageCount }">
65+
<v-pagination v-model="page" :length="pageCount"></v-pagination>
66+
</template>
6667
`
6768
})
6869
6970
const code = computed(() => {
70-
return `<v-data-iterator${propsToString(props.value, ['items'])}>${slots.value}</v-data-iterator>`
71+
return `<v-data-iterator :items="items" :page="page"${propsToString(props.value, ['items'])}>${slots.value}</v-data-iterator>`
7172
})
7273
7374
const script = computed(() => {

0 commit comments

Comments
 (0)