如何在el-pagination标签中自定义事件

在Element UI的`el-pagination`组件中，自定义事件通常通过监听内置的`current-change`、`size-change`等事件，并在事件处理函数中添加你需要的功能。下面是一个简单的例子：

<template>
  <el-pagination
    @current-change="handleCurrentChange"
    @size-change="handleSizeChange"
    :current-page.sync="currentPage"
    :page-size="pageSize"
    layout="total, prev, pager, next, jumper"
  ></el-pagination>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      pageSize: 10,
    };
  },
  methods: {
    handleCurrentChange(currentPage) {
      // 当当前页改变时，可以在这里执行相应的操作，如更新数据
      console.log(`当前页切换到：${currentPage}`);
      this.customEvent(currentPage); // 自定义事件
    },
    
    handleSizeChange(pageSize) {
      // 当分页大小改变时，类似处理
      console.log(`每页显示数量更改至：${pageSize}`);
      this.customEvent(pageSize);
    },
    
    customEvent(value) {
      // 这里是你自定义的事件处理函数，传入需要的值
      // 可能会触发其他业务逻辑或发送网络请求等
      console.log('自定义事件触发:', value);
    },
  },
};
</script>

在这个例子中，我们监听了`current-change`和`size-change`事件，当这些事件触发时，我们会调用自己的`customEvent`方法，并传递当前的页数或分页大小作为参数。