使用CRUD操作在数据表中验证外部分页

时间:2019-09-13 08:51:57

标签: vue.js vuetify.js

我正在尝试在here的数据表中添加类似CRUD Actions的分页,但是在表之后我什么也没有。 我该如何解决?

Here is the image what i get

<template>
    <v-data-table
    :headers="headers"
    :items="desserts"
    :page.sync="page"
    :items-per-page="itemsPerPage"
    hide-default-footer
    class="elevation-1"
    @page-count="pageCount = $event"
  >
    <template v-slot:item.action="{ item }">
      <v-icon
        small
        class="mr-2"
        @click="editItem(item)"
      >
        mdi-pencil
      </v-icon>
      <v-icon
        small
        @click="deleteItem(item)"
      >
        mdi-delete
      </v-icon>
    </template>
    <div class="text-center pt-2">
      <v-pagination v-model="page" :length="pageCount"></v-pagination>
    </div>
  </v-data-table>
</template>

1 个答案:

答案 0 :(得分:0)

我找到了答案here 我的错误是我没有像文档中那样提供属性Pages