Vue3项目给ElementPlus设置中文的两个方案

介绍

在Vue3项目将ElementPlus切换为中文

1、在App.vue的文件中修改

<template><el-config-provider :locale="zhCn"><router-view></router-view></el-config-provider>
</template><script lang="ts" setup>import { ElConfigProvider } from 'element-plus';import zhCn from 'element-plus/dist/locale/zh-cn.mjs';
</script>

2、在main.ts的文件中修改

// main.ts
import { createApp } from 'vue'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import App from './App.vue'
//引入中文文件
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'const app = createApp(App)
//设置中文
app.use(ElementPlus,{locale: zhCn,
})
app.mount('#app')