本文将介绍如何修改 Element UI 中 el-pagination 分页组件的文本内容,包括总页数、每页条数、上一页、下一页和跳转文本的设置方法。

1. 设置总页数文本

使用 page-sizes 属性设置总页数的文本。

<el-pagination
  :page-sizes='[10, 20, 30, 40]'
  layout='sizes, prev, pager, next, jumper'
></el-pagination>

2. 设置每页条数文本

使用 page-sizes 属性设置每页条数的文本。

<el-pagination
  :page-sizes='[10, 20, 30, 40]'
  layout='sizes, prev, pager, next, jumper'
></el-pagination>

3. 设置上一页文本

使用 prev-text 属性设置上一页的文本。

<el-pagination
  prev-text='上一页'
  layout='prev, pager, next, jumper'
></el-pagination>

4. 设置下一页文本

使用 next-text 属性设置下一页的文本。

<el-pagination
  next-text='下一页'
  layout='prev, pager, next, jumper'
></el-pagination>

5. 设置跳转文本

使用 jumper-text 属性设置跳转的文本。

<el-pagination
  jumper-text='跳转'
  layout='prev, pager, next, jumper'
></el-pagination>

通过设置上述属性,可以自定义 Element UI 中 el-pagination 组件的文本。

Element UI el-pagination 组件文本内容修改指南

原文地址: https://www.cveoy.top/t/topic/qBTh 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录