当前位置: 首页 > news >正文

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

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

使用element plus的分页功能 el-pagination 的时候,total属性显示是英文

在这里插入图片描述

这是我建的一个新项目,总数显示的Total 1000
我们的需求是显示中文,共 1000 条
这个就很尴尬,组件封装的东西,查了所有api都没有写怎么改
官网上面有个 国际化配置(官网直通车)
在这里插入图片描述
其实按照官网上写的配置,其实并不好使。
那我们应该怎么办呢?一般的是不是都会去看看控制台里面有啥?
细心的人会发现,这个好像就是我们引入的组件吧
在这里插入图片描述
将这个展开,有个el对象,el对象里面会有pagination,里面的goto,total好像在哪里见过?
在这里插入图片描述
和我们的组件很像啊,那要不我们试着改一下看看?
在这里插入图片描述

zhCn.el.pagination = {goto: "跳转至",pageClassifier: "",pagesize: "",total: "共 {total} 条",};

我们改完之后的效果
在这里插入图片描述
这样我们就改好了,改成中文了,而且可以自定义,想改成啥就改成啥。

根据这个方法,那我们是不是也可以改其他组件的默认值
在这里插入图片描述
这么多,是不是都能改,就这样直接改成全局的,这个是不是也是一种方法?
这个就小伙伴们自己探索吧

如果这个对你有帮助,麻烦点个赞收藏一下吧,嘻嘻。

http://www.lryc.cn/news/91864.html

相关文章:

  • RPC、HTTP、DSF、Dubbo,每个都眼熟,就是不知道有什么联系?
  • java.security.MessageDigest的用法
  • 3.2 分析特征间的关系
  • Numpy学习
  • IDC机房相电压与线电压的关系
  • chatgpt赋能python:Python如何设置输入的SEO
  • Spring Cloud Alibaba — Nacos 构建服务注册中心
  • 4.2 Spark SQL数据源 - 基本操作
  • 事件相关功能磁共振波谱技术(fMRS)
  • 跨境电商客户服务五步法
  • hadoop环境配置及HDFS配置
  • HTML中 meta的基本应用
  • docker compose 下 Redis 主备配置
  • Tomcat ServletConfig和ServletContext接口概述
  • linux内核open文件流程
  • 遗传算法讲解
  • PostgreSQL修炼之道之高可用性方案设计(十六)
  • Bybit面经
  • GORM---创建
  • 高级查询 — 分组汇总
  • 【多线程】阻塞队列
  • python2升级python3
  • Apache Hudi初探(八)(与spark的结合)--非bulk_insert模式
  • Java之旅(九)
  • 6年测试经验之谈,为什么要做自动化测试?
  • 二分法的边界条件 2517. 礼盒的最大甜蜜度
  • java设计模式(十六)命令模式
  • [运维] iptables限制指定ip访问指定端口和只允许指定ip访问指定端口
  • JS学习笔记(3. 流程控制)
  • 遥感云大数据在灾害、水体与湿地领域典型案例及GPT模型教程