概述

当前Element Plus组件的默认文字是英文,为了方便,我们直接设置全局的默认文字让每个页面都生效

image-20221215162838853

实现过程

直接在App.vue中设置,首先引入简体中文的js文件

1
import zhCn from "element-plus/lib/locale/lang/zh-cn";

​ 使用<el-config-provider :locale="zhCn"></el-config-provider><router-view/>包住即可生效

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

完整App.vue代码如下:

1
2
3
4
5
6
7
8
9
10
11
12
<script setup>
import zhCn from "element-plus/lib/locale/lang/zh-cn";
</script>

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

<style scoped>
</style>

效果如图所示

image-20221215162920988