tdesign中<t-table>组件,点击下一页重新重新数据怎么写?给出页面写法和js

下面是一个基本的<t-table>组件，当点击下一页时，重新加载数据的页面写法和js代码示例：

<template>
  <div>
    <t-table :columns="columns" :data="tableData" :total="total" :page-size="pageSize" :current-page="currentPage" @pagination-change="handlePageChange"></t-table>
  </div>
</template>

<script>
import TTable from 'tdesign/packages/t-table';
export default {
  components: {
    TTable
  },
  data() {
    return {
      columns: [
        {
          title: '姓名',
          key: 'name'
        },
        {
          title: '年龄',
          key: 'age'
        },
        {
          title: '地址',
          key: 'address'
        }
      ],
      tableData: [],
      total: 0,
      pageSize: 10,
      currentPage: 1
    }
  },
  mounted() {
    this.getTableData();
  },
  methods: {
    getTableData() {
      // 发起请求获取表格数据
      // ...
      // 获取到数据后更新 tableData 和 total
      this.tableData = res.data.list;
      this.total = res.data.total;
    },
    handlePageChange(page) {
      this.currentPage = page;
      this.getTableData();
    }
  }
}
</script>

在上面的代码中，当点击下一页时，会触发 `@pagination-change` 事件，然后调用 `handlePageChange` 方法来获取新的数据，更新 `tableData` 和 `total`。当重新获取数据后，表格会自动更新。