Element UI el-pagination 组件文本内容修改指南
本文将介绍如何修改 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 组件的文本。
原文地址: https://www.cveoy.top/t/topic/qBTh 著作权归作者所有。请勿转载和采集!