如何在Element UI的分页组件中自定义每页显示的文本，例如将'条/页'改为其他定制内容？

在Element UI的分页组件`el-pagination`中，虽然默认的分页文本如“共 X 条，每页 Y 条”不可直接修改，但你可以通过提供自定义的事件监听器和模板来自定义显示的文本。

首先，你需要在Vue实例中创建一个`Pagination`组件，并覆盖默认的`current-page`和`total`属性，这两个属性分别对应当前页数和总记录数。然后，可以利用`template`选项来自定义分页部分的HTML结构，替换掉默认的`<span>每页{{ per_page }}</span>`标签，例如：

<template>
  <div>
    <!-- ... 其他内容 -->
    <el-pagination
      :current-page="currentPage"
      :total="totalCount"
      @current-change="handleCurrentChange"
      :page-size="perPage"
      layout="prev, pager, next"
      :show-total="false"  <!-- 隐藏默认的总记录数显示 -->
      >
      <template slot="custom" slot-scope="{ page, total, size, $index }"> <!-- 自定义插槽 -->
        <span>{{ customPerPageText(page, size) }}</span>
      </template>
    </el-pagination>
    <!-- ... 其他内容 -->
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      totalCount: 0,
      perPage: 10,
      // 定义你的自定义文本函数
      customPerPageText(page, size) {
        // 根据需要动态生成文本，比如 "第 {{ page }} 页，每页 {{ size }} 记录"
        return `第 ${page} 页，每页 ${size} 记录`;
      },
    };
  },
  methods: {
    handleCurrentChange(page) {
      // 省略实际的分页操作
    },
  },
};
</script>

在这个例子中，`customPerPageText`函数负责返回自定义的每页显示文本。你可以根据实际需求调整该函数，比如添加条件、动态翻译等。