由于项目中的element-plus的组件都是按需引入的,所以国际化语言包不能进行“全局配置”
按需引入解决方法:在App.vue文件中引入elConfigProvider及语言包,进行配置
<template>
<el-config-provider :locale="locale">
<RouterView />
</el-config-provider>
</template>
<script setup lang="ts">
import { RouterView } from 'vue-router';
import { ElConfigProvider } from 'element-plus';
import locale from 'element-plus/lib/locale/lang/zh-cn';
</script>
如果element-plus组件是全局引入,可进行全局配置
全局引入解决方法:在main.ts文件中引入element-plus及语言包
import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css';
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import router from '@/routers/router';
import App from './App.vue'
createApp(App)
.use(router)
.use(createPinia())
.use(ElementPlus, {
locale: zhCn
})
.mount('#app')