一,在element-ui官网复制Pagination分页并选择相关样式复制到自己的项目中,这时你会发现,有些文字变成英文或者想要改变文本样子,改变成自己想要的样式,如何改变呢?
二,如图所示:
三,在vue项目中的main.js文件中导入
import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
四,在对应的位置上加入如下代码
Vue.use(ElementUI, {
locale:{
el: {
...zhLocale.el,
pagination: {
pagesize: '条/页',
total: `共 {total} 条`,
goto: '前往第',
pageClassifier: '页'
}
}
}
})
五,重新启动。