【Vue】element-ui分页器组件改为中文
element-ui分页器组件改为中文
解决办法
在main.js 文件中写入
import Vue from 'vue'
import ElementUI from 'element-ui'
//导入中文
import zhLocale from 'element-ui/lib/locale/lang/zh-CN';
Vue.use(ElementUI, {
locale: zhLocale,
});
zhLocale.el.pagination = {
goto: '跳至',
pagesize: '条/页',
total: `共计 {total} 条`,
pageClassifier: '页',
};
element-ui 分页器的使用
<!-- 分页器 -->
<el-pagination
style="text-align:center; margin-top:20px"
:current-page="page"
:page-size="limit"
background
layout="prev, pager, next, jumper,->,sizes, total"
:total="total"
@current-change="handleCurrentChange"
>
</el-pagination>
效果展示
总结
以上就是今天要讲的内容，希望对大家有所帮助！！！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/82884.html
