File tree Expand file tree Collapse file tree 1 file changed +5
-4
lines changed
packages/docs/src/examples/v-data-iterator Expand file tree Collapse file tree 1 file changed +5
-4
lines changed Original file line number Diff line number Diff line change 1111 v-bind =" props"
1212 :items =" cards"
1313 :page =" page"
14- items-per-page =" 3"
1514 >
1615 <template v-slot :default =" { items } " >
1716 <template
4645
4746 const props = computed (() => {
4847 return {
49- items: ' items' ,
50- page: ' page' ,
48+ ' items-per-page' : 3 ,
5149 }
5250 })
5351
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 (() => {
You can’t perform that action at this time.
0 commit comments