elementui current-page sync

Element UI的currentPageSync是一个功能，它通常用于Vue.js应用中，特别是在表格组件（如el-table）中，帮助同步多页表格之间的当前页数。当你在其中一个表格的分页控件进行切换时，通过currentPageSync属性，其他关联的表格也会自动更新到相同的页码，保证数据展示的一致性。

例如，在Vue中设置`currentPageSync`，你可以这样做：

<template>
  <el-table :data="tableData" :current-page.sync="currentPage">
    ...
  </el-table>
  <el-pagination @current-change="handleCurrentChange" :current-page="currentPage">
    ...
  </el-pagination>
</template>

<script>
export default {
  data() {
    return {
      tableData: ...,
      currentPage: 1, // 初始化页码
    };
  },
  methods: {
    handleCurrentChange(page) {
      this.currentPage = page; // 当分页控件改变时，更新currentPage
    }
  }
};
</script>

在这个例子中，`currentPage`属性既是表格的数据绑定，也是分页组件的事件触发者。当用户在分页控件上点击，`handleCurrentChange`方法会被调用，更新所有设置了`currentPage.sync`的表格。