elementUI分页修改显示文字 条/页
时间: 2024-10-18 20:08:12 浏览: 20
帝国cms7.0动态列表页面分页显示个数修改方法
Element UI的分页组件`el-pagination`默认会显示“每页XX条”的信息,如果你想自定义这个显示的文字,可以通过设置`page-size-text`属性来改变。例如,如果你想要将“条/页”改为“/页”,你可以这样做:
```html
<template>
<el-pagination
:total="total"
:current-page.sync="currentPage"
:page-size="pageSize"
:page-size-text="'每页 ' + pageSize + ' / 页'"
></el-pagination>
</template>
<script>
export default {
data() {
return {
total: 100,
currentPage: 1,
pageSize: 10,
};
},
};
</script>
```
在这个例子中,`page-size-text`的值是一个计算表达式,它会动态地拼接出“每页 X / 页”。你可以根据需要调整文字内容。
阅读全文