Element-ui分页显示英文的问题

已于 2022-08-14 22:00:09 修改
阅读量1.5k 收藏 1
点赞数
文章标签： 前端
于 2021-08-08 10:31:50 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/Tomorrow_MMW/article/details/119510005
版权
本文讲述了在使用Element-UI时遇到分页组件显示英文问题的解决过程。首先怀疑是页面语言环境设置不正确，尝试在主页面修改语言设置未见效果。接着通过查阅官方文档，找到正确解决方案，即在特定配置中添加代码，从而成功将分页显示调整为中文。
摘要由CSDN通过智能技术生成

分页代码

<div class="block">
    <el-pagination
        layout="total,sizes,prev, pager, next,jumper,slot"
        :total=
最低0.47元/天 解锁文章
「已注销」
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
element-ui插件pagination分页中、英文语言切换
约妲己吃火锅的博客
08-25 8073
先看一下我遇到的问题，按照官网步骤使用分页，可是下面分页组件显示为英文，整个系统都是中文，出现英文按照开发要求是不允许存在这种主题不统一的问题： 官网也给出解决方法：https://element.eleme.cn/#/zh-CN/component/i18n import ElementUI from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' import locale from 'element-ui/lib/locale/l
element-ui 2.15.14版本
最新发布
10-09
例如，按钮组件可以设置不同颜色、大小和形状，表格组件支持数据排序、筛选和分页，对话框组件则提供了弹出式窗口功能，而通知组件可以方便地显示消息提示。 总的来说，Element UI 2.15.14 版本是一个强大的前端 UI...
解决element-UI中分页组件显示英文
文艺倾年的博客
01-18 2977
问题： 在写vue项目的时候，发现分页控件显示英文 解决方案： src/main.js // 注释掉英文，替换成中文即可 import locale from 'element-ui/lib/locale/lang/en' // 英文 import locale from 'element-ui/lib/locale/lang/zh-CN' // 中文 ...
element-UI中分页组件显示英文的解决方案
hong
08-19 3294
element-UI中分页组件显示英文的解决方案 写vue项目的时候 使用elementUI框架搭建模板 做了一个表格 发现分页控件是英文的 先看图 在看解决方法 出现的问题 解决方法 在main.js中引入中文 第一个是英文 第二个是中文 import locale from 'element-ui/lib/locale/lang/en' import locale from 'element-ui/lib/locale/lang/zh-CN' 解决后 ...
如何设置分页显示英文问题（element ui）
m0_64707449的博客
05-29 515
引入：import locale from 'element-ui/lib/locale/lang/zh-CN'即可
vue-elemenu-ui分页英文问题
qq_28501497的博客
11-23 396
vue-elemenu-ui分页英文问题 引入vue-elemenu-ui发现人家demo是中文的分页文案，而我们的是英文的 修改地方 项目根目录下 src→main.js 文件里面的 import locale from 'element-ui/lib/locale/lang/en' 修改为 import locale from 'element-ui/lib/locale/lang/zh-CN' ...
Element-UI分页组件如何设置成中文
weixin_43852569的博客
08-19 5510
Element-UI分页组件如何设置成中文 前言 今天我在写项目的时候，发现在使用Element-UI组件的分页组件显示的是英文，不是中文： 但是我在官网上看到的却是中文显示的，而且我也想要分页组件显示成中文，于是我看了下官网的说明，知道了为什么不显示中文了。 解决办法 原本Element 组件内部默认使用中文，但是我在使用的时候多写了这样一行代码： 咱们看看官网上怎么说的： 就是因为多写了这么一行代码，所以导致分页组件显示的是英文，当把这行代码注释掉之后，组件就可以正常显示中文了： 当然如果你之后
基于tp5的vue+element-ui 实现分页
04-10
在本项目中，我们主要探讨如何使用`ThinkPHP5 (TP5)`框架，结合前端的`Vue.js`和`Element UI`组件库来实现数据的分页显示。`ThinkPHP5`是一个流行的PHP开发框架，它提供了丰富的MVC功能，方便开发者快速构建Web应用...
vue 基于element-ui 分页组件封装的实例代码
10-17
主要介绍了vue 基于element-ui 分页组件封装的实例代码,代码简单易懂，非常不错，具有一定的参考借鉴价值，需要的朋友可以参考下
vue + element-ui的分页问题实现
10-17
主要介绍了vue + element-ui的分页问题实现，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
vue+element-ui分页组件
03-17
简单实用的vue分页组件，没有后台，纯前端，直接复制就可以使用，只需替换table的原数据，监听到分页组件传值变化后，改变原数据的分页参数即可
vue-element-ui分页英文问题
前端很杂，故名前端杂货铺 —— coderkey
06-05 589
vue-element-ui分页英文问题 引入vue-element-ui发现人家demo是中文的分页文案，而我们的是英文的 修改地方 项目根目录下 src→main.js 文件里面的 import locale from 'element-ui/lib/locale/lang/en' 修改为 import locale from 'element-ui/lib/locale/lang/zh-CN' ...
使用element-plus组件，默认显示英文 转换为中文
m0_65607651的博客
08-23 793
使用element-plus组件，默认显示英文 转换为中文
elementUI分页组件国际化
qq_28584841的博客
12-02 2595
以我的项目为例 语言文件夹下index.js文件中代码如下： import elementEnLocale from 'element-ui/lib/locale/lang/en'; // element-ui lang import elementZhLocale from 'element-ui/lib/locale/lang/zh-CN'; import en from './en'; i...
ElementUI 分页插件国际化
qq_39542702的博客
09-06 5828
1 首先需要npm install vue-i18n 2 在main.js中引入import VueI18n from 'vue-i18n' Vue.use(VueI18n) 3 引入语言包 const i18n = new VueI18n({ locale: 'zh-CN', messages: { 'zh-CN':require('./languages/zh.js'), ...
element-plus分页组件默认显示英文，设置成中文显示。
Web_Try_harder的博客
08-20 8059
问题描述： 正常引入后发现分页组件默认显示的是英文，但是我们需要的是中文的。 原因分析： 是因为element-plus组件内部默认使用英语，如果需要其他语言这需要进行多语言设置。 1.0.2-beta.59（包含59）之后的更新： 在 1.0.2-beta.59（包含59） 之后，我们重新组织了代码，让国际化功能能够被正常的使用(不论是全引入还是按需引入），一共有两种方式在项目中使用。 ¶1. 通过 ConfigProvider 的方式来使用，详细的使用方法请查阅 ConfigProvi
前端开发之Element Plus的分页组件el-pagination显示英文转变为中文
m0_55333789的博客
08-28 2264
前端开发之Element Plus的分页组件el-pagination显示英文转变为中文
第二章 element-ui 国际化与自定义主题
weixin_44224089的博客
08-09 877
一、国际化设置 Element 组件内部默认使用中文，若希望使用其他语言，则需要进行多语言设置。以英文为例，在 main.js 中 按需引入 import { Button, Select } from 'element-ui' import lang from 'element-ui/lib/locale/lang/en' import locale from 'element-ui/lib/locale' // 设置语言 locale.use(lang) // 引入组件 Vue.compo
vue前端element-ui国际化的使用详解(请放心食用)
m0_53115851的博客
04-25 6802
一、前篇 在项目中需要使用中英文多语言切换，也就是我们所说的国际化，在vue中所匹配的国际化插件工具就是vue-i18n。 本文以element-ui国际化兼容vue-il8@6.x为模板。 二、安装 首先我们在项目中安装vue-i18n依赖包 使用npm npm i vue-i18n -S 或者npm install vue-i18n --S 使用yarn yarn add vue-i18n 三、实现 1.添加语言包文件 2.i18n/index.js 创建i18n实...
element-ui分页
09-22
element提供了丰富的分页组件，可以在前端实现分页功能。你可以使用el-pagination组件来创建分页器，并通过监听分页器的事件来处理分页数据。具体步骤如下： 1. 首先，在页面中引入el-pagination组件和相关的样式文件。 2. 在数据源中定义分页参数，并为el-pagination组件绑定这些参数。 3. 在分页器的change事件中，触发后台请求数据的操作，并更新数据源中的分页参数。 4. 在页面中显示分页器和数据列表，通过v-for指令遍历数据列表，并根据分页参数进行数据的展示。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值