vue3小应用：elementPlus全局组件中文转换方式

vue3小应用：elementPlus全局组件中文转换方式。

在项目中使用日期下拉框发现是英文的，需要全局改成中文样式。

代码实现

在 app.vue 的文件中修改即可。

代码如下

<template>
    <el-config-PRovider :locale="locale">
      <router-view></Router-view>
    </el-config-provider>
</template>

<script lang="ts" setup>
    import { ElConfigProvider } from 'element-plus'
    import zhCn from 'element-plus/lib/locale/lang/zh-cn';
     
    const { locale } = reactive({
      locale: zhCn,
    });
     
</scrIPt>

参考官方链接：https://element-plus.org/en-US/gUIde/i18n.html#configprovider

elementPlus 设置默认语言为中文

Element ui的默认语言是英文。那么如何才能将其改成中文呢？

elementUI 提供了国际化的支持，这里给出其中的一个改成中文的方法。

找到mAIn.JS 文件, 做如下改动：

import {createAPP} from 'vue'
import ElementPlus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";//需要新加的代码
import app from './App.VUE'
import "element-plus/lib/theme-chalk/index.CSS";
 
let app = createApp(App);
app.use(ElementPlus, {locale});//需要改变的地方，加入locale
app.mount('#app');