elementUI表格如何监听点击分页按钮并传入后端

在Element UI的表格组件中，监听分页按钮点击并发送请求到后端通常涉及两个步骤：首先，你需要配置表格的分页选项，然后添加一个点击事件监听器来触发数据获取。

1. 配置表格的分页组件：
使用`el-pagination`组件，并将其包裹在表格外部，如下面的示例：

   <el-pagination @size-change="handleSizeChange" @current-change="handleCurrentChange" :total="totalCount"></el-pagination>

`handleSizeChange` 和 `handleCurrentChange` 分别是处理每页大小改变和当前页切换的函数。

2. 添加点击事件监听器：
在Vue实例中，你可以创建这两个函数来发送请求到后端，比如使用axios：

   data() {
     return {
       totalCount: 0,
       pageSize: 10, // 默认每页的数量
       currentPage: 1,
     };
   },
   
   methods: {
     handleSizeChange(size) {
       this.pageSize = size;
     },
     
     handleCurrentChange(page) {
       this.currentPage = page;
       this.fetchData(); // 发送请求到后端
     },
     
     fetchData() {
       axios.get('/api/data?page=' + this.currentPage + '&size=' + this.pageSize)
         .then(response => {
           this.totalCount = response.data.total;
           // 更新表格的数据
           this.tableData = response.data.items;
         })
         .catch(error => console.error(error));
     }
   }

在这个例子中，`fetchData`函数会在分页时被调用，它会包含你实际的API请求，参数包括当前页码和每页显示的记录数。