# 多语言
在使用 elementUi-plus 的日期选择组件时,会显示英文,下面定义顶级组件,使用日期等组件显示中文
<script setup lang="ts">
import { ElLoading } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
const loadingInstance = ElLoading.service({
background: 'rgba(255,255,255,.5)',
})
const resolve = () => {
loadingInstance.close()
}
</script>
<template>
<!-- element-plus多语言组件 -->
<el-config-provider :locale="zhCn">
<router-view #default="{ Component }">
<suspense @resolve="resolve">
<template #default>
<component :is="Component" />
</template>
</suspense>
</router-view>
</el-config-provider>
</template>
图片上传 →