这里是通过全局修改element配置进行修改
在main.js
中设置如下内容
- 这边我测试了两种方案都可以,其实原理都是一样的
方案1:单独覆盖
想要修改哪个属性,就覆盖哪个
// 首先引入element-ui中文包
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
// 然后将element-ui中pagination选项改掉
zhLocale.el.pagination = {
pagesize: '条/页',
total: `共 {total} 条`,
goto: '前往第',
pageClassifier: '页'
}
方案2:整体覆盖
将语言包全部覆盖
// 首先引入element-ui中文包
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
Vue.use(ElementUI, {
size: 'small',
locale: {
el: {
// 整体覆盖
...zhLocale.el,
pagination: {
pagesize: '条/页',
total: `共 {total} 条`,
goto: '前往第',
pageClassifier: '页'
},
}
}
})