elementui国际化分页显示el.pagination.total

最新推荐文章于 2024-07-18 12:51:47 发布
最新推荐文章于 2024-07-18 12:51:47 发布
阅读量933 收藏 1
点赞数 2
文章标签： elementui vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/m0_73533910/article/details/132345896
版权
文章讨论了在Vue应用中，控制台出现关于i18n翻译失败的问题，指出当后端返回数据添加到i18n时应使用`mergeLocaleMessage`方法。解决方案是确保将el.pagination.total等键路径的值作为默认值处理。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

控制台提示：

[vue-i18n] Cannot translate the value of keypath 'el.pagination.total'. Use the value of keypath as default.

页面显示也有问题：

 解决办法：

后端请求回来的数据，添加到i18n时使用mergeLocaleMessage

 问题解决

英文也没问题

 

 

 

vue3+Element-plus el-pagination分页组件英文转中文；以及import zh from ‘element-plus/dist/locale/zh-cn.mjs‘打包报错处理
jieweiwujie的博客
02-06 1425
vue3+Element-plus el-pagination分页组件英文转中文
vue开发 使用element的el-pagination分页组件
weixin_48596030的博客
05-24 627
实现思路：获取到列表的所有数据，然后对数据进行处理，紧接着操作分页。//切换每页条数容量。
elementUI分页组件国际化
qq_28584841的博客
12-02 2755
以我的项目为例 语言文件夹下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...
ElementPlus中total出现el.pagination.total，显示总数没有出现怎样解决,出现的是英文，不是中文如何解决，这里如何配置中文，配置中文
weixin_54048131的博客
05-03 908
【代码】ElementPlus中total出现el.pagination.total，显示总数没有出现怎样解决,出现的是英文，不是中文如何解决，这里如何配置中文，配置中文。
ElementUI 分页插件国际化
qq_39542702的博客
09-06 6207
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中 Pagination 分页组件国际化和对齐方式设置
qq_41737571的博客
07-18 916
Element-plus中 Pagination 分页组件国际化中文和对齐方式设置
element plus分页国际化+分页渲染
hyy的博客
02-04 728
element plus分页国际化+分页渲染
【Vue2 + ElementUI】分页el-pagination 封装成公用组件
01-25
在Vue2框架中，ElementUI是一个非常流行的UI组件库，提供了丰富的组件，如表格、按钮、弹窗等，其中el-pagination是用于实现分页功能的组件。为了在多个页面上复用并统一分页样式，我们可以将其封装为一个公用组件。...
vue+elementUi分页写法el-pagination
CC酱写前端的博客
05-28 636
利用elementUI中el-pagination写页码，从接口中获取total。 <tempalte> <div> <el-pagination :current-page="pageNum" background :page-size="pageSize" layout="prev, pager, next, jumper" :total="total"
vue+ElementUI(el-pagination)+express实现分页功能（前后台）
weixin_42088314的博客
12-22 806
前台部分 1、安装elemenUI、axios： npm i element-ui -S npm install axios --save npm install vue-axios --save 在main.js中引用： import ElementUI from 'element-ui'; import 'element-ui/lib/theme-chalk/index.css'; //样式文件单独引入 Vue.use(ElementUI); #全局注册 import axios from "ax
利用el-pagination实现分页效果（只讨论前端部分）
m0_51933554的博客
10-30 454
利用el-pagination实现分页效果（只讨论前端部分）
vue3+element plus，使用分页total修改成中文
x_XDGS的博客
06-07 4495
使用element plus的的时候，total属性显示是英文这是我建的一个新项目，总数显示的Total 1000我们的需求是显示中文，共 1000 条这个就很尴尬，组件封装的东西，查了所有api都没有写怎么改官网上面有个（官网直通车）其实按照官网上写的配置，其实并不好使。那我们应该怎么办呢？一般的是不是都会去看看控制台里面有啥？细心的人会发现，这个好像就是我们引入的组件吧将这个展开，有个el对象，el对象里面会有pagination，里面的goto，total好像在哪里见过。
保姆级 vue（element-UI) 项目的国际化
qq_42824830的博客
05-28 749
vue项目进行国际的操作详细介绍 （采用iview 国际化的思想） 一，前期搭建环境部分 1） 对一个已有的vue项目，引入vue-i18n 资源包 npm install vue-i18n 2） 新建对应的 （zh.json / en.json） 文件 路径随意 ,及json内容格式填写 3）在main.js (App.vue 平级) 引入(添加部分)对应的配置信息 import elementUI from 'element-ui' import VueI18n from 'vue-
el-pagination 分页器，当total为0时，设置pageIndex大于1，请求数据获取到总total后，分页器页码依旧展示为1
weixin_45549481的博客
01-03 871
查询表格，初始化时，pageIndex默认为1，后面因为查询条件数据缓存，pageIndex设置为了4，但是pagenation组件使用都是展示1，页面的数据确实是第4页的数据；组件外部的数据没有问题，系el-pagenation组件内部的问题。附上BasePagenation.vue组件代码。组件内外的数据没有同步。
解决 elementui中pagination显示英文问题
热门推荐
sunlizhen的专栏
05-25 1万+
解决方法是： 在main.js中引入中文语言
vue2+element-ui 实现国际化
qq_45780736的博客
02-02 2882
vue2+element-ui实现项目语言国际化
vue中el-pagination分页属性:total总数不显示问题
a896532147的博客
02-29 2656
1，在elementui组件库中选择适合的分页组件el-pagination，导入到项目中，如何修改:page-size="?",:total="?此时你只需将返回的total类型转换就可以了，vue中String类型转换为int如何装换？的total是integer类型， 如果向后端发送请求，如果后端返回类型如下。说明你返回的total类型为String,这时你的页面显示就为空。2，导入后做如下修改并在data中定义。3，接入后端接口为何不显示呢？这时你的分页器内容就会显示了。
Vue2 Element-UI 分页组件el-pagination 修改 自带的total、跳转等默认文字
qq_44776454的博客
05-27 2726
Vue2 Element-UI 分页组件el-pagination 修改 自带的total、跳转等默认文字
element ui pagination 关于属性 total的值
sjzlovezhz的博客
01-06 1918
我习惯性绑定在在data()中，属性参数如下 pagiOption: { current: 1, size: 10, pagerCount: 5, layout: "total, prev, pager, next, jumper", total: 5, //随便一个数，页面初始化时会被请求过来的数据覆盖掉 }, 此时在刷新载入页面获取数据时不会有任何问题，如图1 图1 但是如果我的属性配置是这样的
elementui中的分页显示英文
最新发布
07-31
在Element UI中，默认情况下，分页组件（`el-pagination`）的页面信息会按照当前配置的语言环境显示，包括数字、英文字符等。如果你需要将分页指示器改为英文，你可以通过设置`props`来改变其国际化(i18n)设置。 首先，在你的Vue项目中，确保已经安装了Element UI的国际化插件，可以在`main.js`或者其他合适的配置文件中引入并启用： ```javascript import { ElPagination } from 'element-plus'; import enUS from 'element-plus/lib/locale/en-US'; // ...其他导入和配置 Vue.use(ElementPlus, { locale: enUS // 使用英文语言包 }); ``` 然后，在使用分页组件的地方，你可以直接传入`props`： ```html <el-pagination :total="totalCount" :page-size="pageSize" @current-change="handleCurrentChange"> </el-pagination> ``` 这里`total`表示总共有多少页，`page-size`是每页的数量。`@current-change`是分页切换时触发的事件。 如果你想自定义特定的文本，例如“第一页”、“下一页”等，可以使用`setCurrentPageText`和` nextPageText`等属性，它们接受一个函数作为参数，返回对应的英文字符串。例如： ```javascript this.$i18n.t('el.pagination.first') // 返回 "First" ``` 如果你有具体的文本需求，可以直接将翻译好的英文字符串替换到这个函数里。
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值