Vue3+ElementPlus 1.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> </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>