Vue 3 中使用Element-plus国际化语言问题(修改为中文语言成功案例)

Vue 3 中使用Element-plus国际化语言问题(修改为中文语言成功案例)

1.遇到的问题

使用Element-plus组件默认是中文,如图:
~
在这里插入图片描述

2.分析问题原因

于是我就去找了他们的官方文档的源码以及查看他们的讨论区,找到了这个 i18n related issue | 国际化相关问题
再找了它1.0.2-beta.59版本的更新内容
Vue 3 中使用Element-plus国际化语言问题(修改为中文语言成功案例)_第1张图片
一句话总结就是,最新的ElementPlus 国际化兼容版本还在开发中…

3.解决办法

使用1.0.2-beta.59以前的Element版本,我这里打了擦边球,使用的是1.0.2-beta.58版本的
~
yarn引入更新版本 :yarn upgrade [email protected]
在这里插入图片描述
之后再main.js中引入国际化语言包并use
Vue 3 中使用Element-plus国际化语言问题(修改为中文语言成功案例)_第2张图片
最后实现的效果,成功了~
在这里插入图片描述
寄语:期待ElementPlus的作者继续加油实现国际化问题,本篇文章持续更新并追踪最新的ElementPlus国际化更新消息

你可能感兴趣的:(前端,实践,vue)