ElementPlus locale 汉化 国际化失效 完美解决

生活只会欺负穷人 爱情也是

我的github: 李大玄
我的私人博客: 李大玄
我的npm开源库: 李大玄
我的简书: 李大玄
我的CSDN: 李大玄
我的掘金: 李大玄
哔哩哔哩: 李大玄
还有一个方法 看这篇文章 地址

这是饿了么源码

在这里插入图片描述

在这里插入图片描述

我就不做过多解释了 直接贴全部代码

// App.vue
<!--
 * @Description: 
 * @Author: 李大玄
 * @Date: 2021-05-29 19:30:56
 * @FilePath: /ucenter-messageflat-web-view/src/App.vue
-->

<template>
  <ElConfigProvider :locale="locale">
    <router-view></router-view>
  </ElConfigProvider>
</template>

<script >
import { ElConfigProvider } from 'element-plus';
import { ref } from 'vue';
import zhLocale from 'element-plus/lib/locale/lang/zh-cn';

export default {
  components: {
    [ElConfigProvider.name]: ElConfigProvider, //添加组件
  },
  setup() {
    const locale = ref(zhLocale);
    return {
      locale,
    };
  },
};
</script>

<style>
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  height: 100%;
}
</style>