【Vue】element-ui分页器组件改为中文

【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>

效果展示

---

总结

以上就是今天要讲的内容，希望对大家有所帮助！！！