今天使用element3的pagination分页组件。
发现,下面的字符是英文的,虽然那么简单的英文,是个人都能看懂,但是总归不协调。
毫无疑问就是国际化的问题,估计el-plus默认的是使用英文的,实在搞不懂为什么会这样设定?这组件基本上不都是国人在用吗?
网上查了资料,可以全都注册的时候,可以这样设置。
import locale from 'element-plus/lib/locale/lang/en'
Vue.use(ElementUI, { locale })
但是我不是全局注册的,是按需注册的,所以此方法行不通,找了不少办法,总算解决,废话不多话了直接上代码。
<el-config-provider :locale="locale"> -->
<el-pagination :page-sizes="[10, 20, 30]" v-model:page-size="pageSize" v-model:current-page="currentPage"
background layout="total,sizes,prev, pager, next,jumper" :total="total" :page-count="totalpage">
</el-pagination>
</el-config-provider>
原理很简单,使用el-config-provider把需要本地化的组件,手动引入中文,再包裹一层即可
import zhCn from "element-plus/lib/locale/lang/zh-cn" setup(){ locale: zhCn }
return locale