Vue3+ElementPlus1.0.2-beta.5版本后国际化失效
新版Elemen Plus 国际化失效
由于 1.0.2-beta.59（包含59）之后，重新组织了代码，让国际化功能不能正常的使⽤。现根据B站up主程序员青⼽⽅案进⾏解决，亲测有效⼀、去掉原有配置
两处注释内容删除
⼆、修改App.vue
1.添加标签<el-config-provider :locale="locale"> </el-config-provider>将需要国际化的内容框起来
2.导⼊组件
import {ElConfigProvider} from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
3.添加组件
[ElConfigProvider.name]:ElConfigProvider,
components: {
[ElConfigProvider.name]:ElConfigProvider,//添加组件
},
4.赋值
data(){
return{
locale:zhCn
}
}
5.重启项⽬，就可以实现国际化了
以下内容可以完全替换App.vue的信息
<template>
<el-config-provider :locale="locale">
<!--需要国家化的内容-->
</el-config-provider>
</template>
<style>
vue element admin</style>
<script>
//导⼊组件
import {ElConfigProvider} from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
export default {
name: "Layout",//这⾥根据你⾃⼰的修改
components: {
[ElConfigProvider.name]:ElConfigProvider,//添加组件
},
data(){
return{
locale:zhCn,//给locale赋值    }
}
}
</script>

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。