buefy b-table不会在超过:per-page值时自动移动到下一页？

Buefy是一个基于Bulma CSS框架和Vue.js的开源UI组件库，用于构建现代化的响应式Web界面。它提供了丰富的可重用组件，包括表格（b-table）、按钮、表单、模态框等，以简化前端开发过程。

在Buefy中，b-table组件用于展示和操作数据表格。根据提供的问答内容，b-table在超过每页显示数量（per-page）时不会自动移动到下一页。这是因为b-table组件默认不具备分页功能，需要手动实现分页逻辑。

要实现b-table的分页功能，可以使用Vue.js提供的计算属性（computed property）和方法（methods）来处理数据分页和切换页码。具体步骤如下：

1. 在Vue组件中，定义一个数据属性（data property）用于存储当前页码（currentPage）和每页显示数量（perPage）的值。
2. 使用计算属性（computed property）来根据当前页码和每页显示数量，从原始数据中提取出当前页需要显示的数据。
3. 在模板中使用b-table组件，并将计算属性中获取的当前页数据绑定到b-table的数据源（:data）属性上。
4. 在模板中使用b-pagination组件或其他分页组件，绑定当前页码和每页显示数量的值，并通过监听页码变化的事件，更新当前页码的值。

下面是一个示例代码，演示如何使用Buefy的b-table组件实现分页功能：

<template>
  <div>
    <b-table :data="currentPageData"></b-table>
    <b-pagination
      v-model="currentPage"
      :total="totalItems"
      :per-page="perPage"
      @input="handlePageChange"
    ></b-pagination>
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      perPage: 10,
      originalData: [], // 原始数据
    };
  },
  computed: {
    totalItems() {
      return this.originalData.length;
    },
    currentPageData() {
      const startIndex = (this.currentPage - 1) * this.perPage;
      const endIndex = startIndex + this.perPage;
      return this.originalData.slice(startIndex, endIndex);
    },
  },
  methods: {
    handlePageChange(page) {
      this.currentPage = page;
    },
  },
};
</script>

在上述示例中，我们使用了b-pagination组件来展示分页控件，并通过监听@input事件来捕获页码变化。currentPageData计算属性根据当前页码和每页显示数量，从原始数据中提取出当前页需要显示的数据。

请注意，这只是一个示例代码，具体的实现方式可能因项目需求而有所不同。在实际开发中，你可以根据具体情况进行适当调整和扩展。

推荐的腾讯云相关产品：由于要求不能提及具体的云计算品牌商，这里无法给出腾讯云相关产品的推荐。但是，腾讯云提供了丰富的云计算服务，包括云服务器、云数据库、云存储等，你可以访问腾讯云官方网站（https://cloud.tencent.com/）了解更多信息。