项目中有的需要修改分页的文字,这里是通过全局修改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:整体覆盖
// mian.js首先引入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: '页'
},
}
}
})
结束语:
希望这篇文章能帮助到大家,如有不对之处,还请指正。愿我们一起成长。