【vue3 Element-UI 插件 Pagination 显示为英文】

最新推荐文章于 2026-06-22 10:51:16 发布

原创最新推荐文章于 2026-06-22 10:51:16 发布 · 417 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#javascript #vue.js #开发语言

收录于

前端学习同时被 3 个专栏收录

5 篇文章

订阅专栏

vue

2 篇文章

订阅专栏

文件配置问题

1 篇文章

订阅专栏

在mains.js中引入ElementPlus库和中文语言包，通过app.use设置全局locale为zhCn，从而实现ElementPlus组件的中文显示。官方文档提供了详细的i18n配置方法。

在mains.js 里添加

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/dist/locale/zh-cn.mjs'
// en是英文 zh-cn 是中文
app.use(ElementPlus, {
  locale: zhCn,
})

问题就愉快的解决了

官网解决方法地址：https://element-plus.gitee.io/zh-CN/guide/i18n.html#全局配置

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

写代码使我快乐

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

Pagination分页组件在前端Vue与后端ssm使用

weixin_47354101的博客

01-01

2212

我分为两部分，讲解vue与ssm中的使用，先给大家看一下分页的效果 Vue前台一、导入Pagination相关插件信息 1、导入Pagination组件(component) <template> <div :class="{'hidden':hidden}" class="pagination-container"> <el-pagination :background="background" :current-page.sync="

参与评论您还未登录，请先登录后发表或查看评论

如何解决在使用ElementUI时发现有些控件是英文的

xiuyuandashen的博客

03-26

2171

如下图解决我们需要在入口文件 main.js 中将 ElementUI 的默认语言改为中文。 import locale from 'element-ui/lib/locale/lang/en' // lang i18n 英文 import zhLocale from 'element-ui/lib/locale/lang/zh-CN' // 中文 // 选择elementUi 默认语言为中文 Vue.use(ElementUI, { zhLocale }) ...

前端开发之Element Plus的分页组件el-pagination显示英文转变为中文

m0_55333789的博客

08-28

2658

前端开发之Element Plus的分页组件el-pagination显示英文转变为中文

在vu3+element-plus分页器由英文转换为中文

liuli0927的博客

11-10

903

在vu3+element-plus分页器由英文转换为中文

修改element-plus默认英文为中文

小草莓的博客

08-17

3906

修改element-plus默认英文为中文 element-plus版本：1.0.2-beta.70

Vue3+ts+element-plus实现管理后台前端项目国际化

移动开发学习笔记

03-31

7067

基于i18n实现国际化安装依赖准备语言包准备持久化方法导入语言信息获取当前语言创建i18n实例使用i18n实例方式一方式二语言切换组件Vuex的状态管理切换语言组件使用组件总结假设已经存在一个Vue3.x+ts+sass项目；由于是基于Vue3.x+ts搭建的示例项目，所以其它部分相关依赖使用的是next版本。安装依赖 // 导入依赖库 npm install vuex vue-i18n js-cookie element-plus -S //导入编译依赖 npm install @type

168张图，万字长文，手把手教你开发vue后台管理系统

06-22

223

《Vue全栈开发实战手册》摘要本手册系统整合Vue2/Vue3全栈知识体系，涵盖基础语法、组件开发、状态管理、工程化等核心内容，适合从入门到精通的完整学习路径。主要特点：基础核心详解MVVM架构和响应式原理（Vue2的Object.defineProperty vs Vue3的Proxy）完整模板语法规则与16种内置指令解析组件系统核心：通信机制（8种方案）、插槽、动态组件、递归组件进阶实战状态管理：Vuex/Pinia完整解决方案路由开发：动态路由、权限控制、懒加载工程化：Webpack

【Element-UI】在vue中将组件调整为英文（国际化）

AXIMI的博客

08-15

1万+

Element-UI的默认语言是中文，组件中的文字都是中文的，例如：日历组件里面显示的文字是"年"和"月"。为了让页面显得高大上一下，可以将这些组件调成英文的形式，首先在工程文件的文件夹下找到这个文件： node_modules/element-ui/lib/locale/lang/en 这里lang文件夹下面的文件是这样的：然后在main.js文件中引入这个文件下的locale： ...

Element-UI 插件 Pagination 显示为英文

ZYXW的博客

01-09

9632

Element-UI 插件 Pagination 显示为英文这个坑我踩了好久,试过很多方法,按照官网,按照别人网页写法来,一直不一致后来才发现,原来是语言设置的问题国际化 import Vue from 'vue' import Element from 'element-ui' import VueI18n from 'vue-i18n' import enLocale from 'e...

vue3+element plus，使用分页total修改成中文

x_XDGS的博客

06-07

5304

使用element plus的的时候，total属性显示是英文这是我建的一个新项目，总数显示的Total 1000我们的需求是显示中文，共 1000 条这个就很尴尬，组件封装的东西，查了所有api都没有写怎么改官网上面有个（官网直通车）其实按照官网上写的配置，其实并不好使。那我们应该怎么办呢？一般的是不是都会去看看控制台里面有啥？细心的人会发现，这个好像就是我们引入的组件吧将这个展开，有个el对象，el对象里面会有pagination，里面的goto，total好像在哪里见过。

elementPlus Pagination 分页怎样变中文

li222248的博客

11-16

1160

elementPlus Pagination 分页默认是英文的需要手动设置一下国际化变成英文的。在main.js文件里添加以下代码就可以了。如果是vite构建，引入部分会爆红，可以在vite-env.d.ts中declare一下。

vue3+Element-plus el-pagination分页组件英文如何转换为中文

weixin_52740695的博客

01-22

2293

解决方案如下：在main.js中导入相应的包，引入zhCn ，在使用时添加语言，代码如下：转为中文样式如下：

关于vue项目中使用element-ui时，默认中文切换成英文的全局配置方法

TheHtmler的博客

06-21

1万+

vue默认使用的中文语言，当我们想要默认使用英语或者其他语言时，需要替换掉原本的中文问题：当我在写项目时，比如table的分页时，默认显示的内容是中文的，如下：解决：根据官网给出的提示，通过配置webpack.config.js，但是，我使用的是vue-cli 3，所以需要自己手动配置。在项目根目录下创建 vue.config.js，具体配置如下： const path = r...

vue3中使用element-plus 分页修改英文goto

m0_61135864的博客

06-08

1571

在使用element-plus 的 Pagination 分页的时候他默认是英文的。我的解决办法是到app.vue 页面给他包上一层由plus官方提供的全局配置标签。把goto 更换成到且在跳转后面加入页字。可以看到警告里面拿到el里面各种组件其中就有分页。就可以完成再解决一下警告完整的代码如下。然后再layout最后放入slot插槽。我们就可以通过设置更改他。

elementUI_文本显示为英文?

qq_43260366的博客

03-08

1018

本项目使用的是vue-admin-template框架搭建的，因此在创建项目框架时已经集成了elementUI。因此若是想显示的文本为中文，只需要修改 locale即可。原因是在挂在elementui的时候指定的语言为英文。现在要做的就是使用什么组件直接使用即可！

elementUI使用Pagination 分页时显示英文

averyvery的博客

04-25

1065

elementUI使用Pagination 分页时显示英文，如下图解决方案：在main.js中添加两端代码： import locale from ‘element-plus/lib/locale/lang/zh-cn’ app.use(ElementPlus,{locale}) ！！！需要注意的是：两段代码的位置：第二段代码（app.use(ElementPlus,{locale})）必须放在在app定义之后，否则会报错 ...