Element plus：将组件中英文转为中文

最新推荐文章于 2025-09-04 00:10:58 发布

原创最新推荐文章于 2025-09-04 00:10:58 发布 · 1.3k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#前端 #前端框架 #elementui

前端项目总结同时被 2 个专栏收录

18 篇文章

订阅专栏

14 篇文章

订阅专栏

博客主要讲述在Vue3中使用Element Plus时，表格组件内语言默认为英语的问题。并给出解决办法，即在根组件（app组件）的template和script部分修改代码，将total、go to等转为中文。

1.在vue3中使用element plus的时候发现表格组件内的语言默认为英语，如图所示

2.解决办法，在根组件即app组件中（template部分和script部分）改成如下代码。

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

<script setup>
import { ElConfigProvider } from "element-plus"
import zhCn from "element-plus/lib/locale/lang/zh-cn"
</script>

3.将total，go to等等转为中文，如图所示