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