el-plus中,组件英文的解决办法

 0 0条评论

今天使用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

本文作者:双黑

版权声明:本站文章欢迎链接分享,禁止全文转载!

游客