ele-pro-table 如何控制 刷新表格 请求表格第一页的数据

ele-pro-table 是基于 Element UI 的表格扩展组件，它提供了 refresh 方法用于刷新表格数据，并且也支持设置表格的 currentPage 属性，将其设置为 1 就可以请求表格的第一页数据。

具体实现方法如下：

1. 在 ele-pro-table 组件中，使用 ref 属性给表格命名，例如：ref="myTable"。

2. 在需要刷新表格的地方，通过 this.$refs.myTable.refresh() 调用表格的 refresh 方法，触发表格数据的重新加载。

3. 在需要请求表格第一页数据的地方，通过 this.$refs.myTable.setCurrentPage(1) 将表格的 currentPage 属性设置为 1，触发表格数据的重新加载。

示例代码：

<template>
  <ele-pro-table ref="myTable" :data="tableData" :columns="tableColumns"></ele-pro-table>
  <el-button @click="refreshTable">刷新表格</el-button>
  <el-button @click="loadFirstPage">请求第一页数据</el-button>
</template>

<script>
export default {
  data() {
    return {
      tableData: [],
      tableColumns: [...]
    }
  },
  methods: {
    refreshTable() {
      this.$refs.myTable.refresh();
    },
    loadFirstPage() {
      this.$refs.myTable.setCurrentPage(1);
    }
  }
}
</script>