elementPlus 全局组件中文转换_element-plus/lib/locale/lang/zh-cn

目录

方法1：全局导入element-plus使用

方法2：按需引入element-plus库

---

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

方法1：全局导入element-plus使用

在main.js文件

//怎么按需修改中文
import ElementPlus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";//需要新加的代码
 
const app = createApp(App);
 app.use(ElementPlus, {locale});//需要改变的地方，加入locale

方法2：按需引入element-plus库

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

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

js代码

<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>