vue - 更改element-ui分页组件的文字部分

vue - 更改element-ui分页组件的文字部分

element-ui

国际化

import Vue from 'vue'
import ElementUI from 'element-ui'
import locale from 'element-ui/lib/locale/lang/en'

Vue.use(ElementUI, { locale })

数据结构字段

element-ui 源码：element-ui/src/locale/lang/zh-CN.js

配置国际化

// main.js
import zhLocale from 'element-ui/lib/locale/lang/zh-CN';
zhLocale.el.pagination = {
  goto: '跳至',
  pagesize: '条/页',
  total: `共计 {total} 条`,
  pageClassifier: '页',
};
Vue.use(ElementUI, {
  locale: zhLocale,
});

// !!!NOTICE 需合并原配置，否则会导致未配置项文字丢失
// Vue.use(ElementUI, { // 未配置部分会丢失，如时间日期选择器等
//   locale: {
//     el: {
//       pagination: {
//         goto: '跳至',
//         pagesize: '条/页',
//         total: `共计 {total} 条`,
//         pageClassifier: '页',
//       },
//     },
//   },
// });