element-plus修改英语语言模式为中文方法

element-plus 默认是英文模式,需要中文模式的话需要设置一下:

项目框架(vue3):vite + TS + element-plus

① 在 “App.vue” 组件中引入 中文包

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

② 使用 “el-config-provider” 组件包裹 “router-view” 组价

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

如图所示:
在这里插入图片描述
引入中文包后可能会出现报错,如下:
在这里插入图片描述
鼠标悬浮到报错的地方,出现提示:

在这里插入图片描述
根据提示,在 “env.d.ts” 文件中添加声明:

declare module 'element-plus/dist/locale/zh-cn.mjs'

如图所示:
在这里插入图片描述
添加后保存,报错就消失了

更多操作可以查阅element-plus官方文档~ https://element-plus.gitee.io/zh-CN/component/config-provider.html