时间戳

首页 > 解决方案 > 使用 CRUD 操作在数据表中进行 Vuetify 外部分页

vue.js - 使用 CRUD 操作在数据表中进行 Vuetify 外部分页

问题描述

我正在尝试使用CRUD Actions在 Data Table中添加像这里这样的分页，但我在表格之后什么都没有。我怎样才能解决这个问题？

这是我得到的图像

<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>

标签： vue.jsvuetify.js

解决方案

我在这里找到了如何做的答案 我的错误是我没有像文档中那样提供属性 Pages

推荐阅读