请使用element plus封装一个公共的分页组件

好的，我可以回答这个问题。以下是使用 element plus 封装一个公共的分页组件的示例代码：

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

<script>
export default {
  name: 'CommonPagination',
  props: {
    currentPage: {
      type: Number,
      required: true,
    },
    pageSize: {
      type: Number,
      required: true,
    },
    total: {
      type: Number,
      required: true,
    },
  },
  methods: {
    handleCurrentChange(page) {
      this.$emit('update:currentPage', page);
    },
  },
};
</script>

这个组件使用了 element plus 的 `el-pagination` 组件，接受三个 props：`currentPage` 表示当前页码，`pageSize` 表示每页显示的条数，`total` 表示总条数。当用户点击分页时，会触发 `handleCurrentChange` 方法，该方法会将当前页码通过 `$emit` 发送给父组件，从而实现分页功能。