ElementUI-分页-自定义文字-共计-跳至

场景：有时候需要使用自己去改显示的内容；包括共计  ，跳转等

效果图：

 

HTML代码：

<!-- 分页 -->
        <div style="display: flex; justify-content: center; padding: 10px 0">
          <span style="line-height: 28px; font-size: 13px"
            >共 {{ currentTotal }} 条记录 第 {{ currentPage }} /
            {{ totalPage }} 页</span
          >
          <el-pagination
            background
            @size-change="handleSizeChange"
            @current-change="handleCurrentChange"
            :current-page="currentPage"
            :page-sizes="[10, 20, 30, 40]"
            :page-size="currentMYT"
            layout="prev, pager, next, sizes, jumper"
            :total="currentTotal"
          >
          </el-pagination>
        </div>

关键实现代码：

mounted() {
    document.getElementsByClassName(
      "el-pagination__jump"
    )[0].childNodes[0].nodeValue = "跳至";
  },