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: '页',
// },
// },
// },
// });
Lee2