elementUi Plus 的el-pagination分页 改为汉字提示
在Element UI中,el-pagination
组件的提示信息默认是英文的。如果你想将其改为汉字提示,可以通过覆盖其默认的slot来实现。以下是一个简单的例子:
<template>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page="currentPage"
:page-sizes="[100, 200, 300, 400]"
:page-size="100"
layout="total, sizes, prev, pager, next, jumper"
:total="400">
<template #prev-text>
<span>上一页</span>
</template>
<template #next-text>
<span>下一页</span>
</template>
</el-pagination>
</template>
<script>
export default {
data() {
return {
currentPage: 1,
};
},
methods: {
handleSizeChange(val) {
console.log(`每页 ${val} 条`);
},
handleCurrentChange(val) {
console.log(`当前页: ${val}`);
},
},
};
</script>
在这个例子中,我们使用了#prev-text
和#next-text
插槽来替换默认的上一页和下一页按钮的文本。同样的方法可以用来替换其他的提示信息,例如sizes
、total
、pager
等。你可以根据需要替换为合适的汉字提示。
评论已关闭