Pagination Vuetify-如何进行分页？

我想对VueJS使用Vueify框架中的分页

Vuetify的分页组件：

<v-pagination
        v-model="pagination.page"
        :length="pagination.total / 5"
        :total-visible="pagination.visible"
></v-pagination>

this.pagination.page = response.body.page
this.pagination.total = response.body.total
this.pagination.perPage = response.body.perPage

data () {
  return {
    items: [],
    pagination: {
      page: 1,
      total: 0,
      perPage: 0,
      visible: 7
    }
  }
}

数据：

<v-pagination
        v-model="pagination.page"
        :length="pagination.total / 5"
        :total-visible="pagination.visible"
></v-pagination>

this.pagination.page = response.body.page
this.pagination.total = response.body.total
this.pagination.perPage = response.body.perPage

data () {
  return {
    items: [],
    pagination: {
      page: 1,
      total: 0,
      perPage: 0,
      visible: 7
    }
  }
}

---

评论：
在实现分页之前，请首先尝试查看您是否真的需要它，或者您可以使用其他选项：

---

---

回答：

<v-pagination
        v-model="pagination.page"
        :length="pagination.total / 5"
        :total-visible="pagination.visible"
></v-pagination>

this.pagination.page = response.body.page
this.pagination.total = response.body.total
this.pagination.perPage = response.body.perPage

data () {
  return {
    items: [],
    pagination: {
      page: 1,
      total: 0,
      perPage: 0,
      visible: 7
    }
  }
}

您可以对

分页做出反应。页面
更改为自
分页。页面
更改按钮单击，然后执行
方法

watch: {
    "pagination.page": (newPage) => {
        this.onPageChange(newPage);
    }
}

或对组件的
输入
事件作出反应：

<v-pagination
    @input="onPageChange"
></v-pagination>

在事件部分签出文档。我找到了处理新页面的输入事件

<v-pagination
  v-model="pagination.page"
  :length="pagination.pages"
  @input="next"
></v-pagination>

在我的VueJS项目中尝试实现此分页时，我在搜索收到的错误后到达这里：
[Vue warn]：无效的属性：自定义验证程序检查属性“长度”失败。

我的问题，在你的问题的示例代码中，你可能会遇到一个问题，就是我对长度的计算得到了一个十进制的答案。例如，如果我有23条记录，页面大小为5，它将返回4.6，给出上面的错误。我必须用Math.ceil（）来包装我的计算，以获得适当的长度值

希望这对某人有帮助：）

您是如何计算分页的
：长度的？我遵循了vuetify文档和示例，但它不适合我。张贴问题