最新版element-plus全球化设置无效【完美解决】
刚开始学习vue 跟着别人教程在做 却发现全球化我无论如何设置都起不到效果 然后去官方看了一看文档 官方文档是这么写的 我也确实是这么做的,但是无论如何都不起效果,在网上搜了很多方法也没能解决。 最终根据官方文档提供的第二种方式实现,使用官方供的一个 Vue 组件 ConfigProvider 先来看看官方怎么介绍的 照葫芦画瓢,下面贴上我的解决代码
<template>
<div>
<!-- 国际化-->
<el-config-provider :locale="locale"/>
<router-view/>
</div>
</div>
</template>
<style>
</style>
<script>
import {
ElConfigProvider} from "element-plus";
import zhCn from element-plus/lib/locale/lang/zh-cn
export default {
name: "Layout",
components: {
ElConfigProvider
},
setup() {
return {
locale: zhCn,
}
},
}
</script>
在App.vue里面引入ConfigProvider组件即可实现国际化
完美解决
