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

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

news 2026/2/8 22:39:34

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} 条",};

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

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

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

相关文章：

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

vue3element plus，使用分页total修改成中文 使用element plus的分页功能 el-pagination 的时候，total属性显示是英文 这是我建的一个新项目，总数显示的Total 1000 我们的需求是显示中文，共 1000 条 这个就很尴尬，组件…...

编程日记 2023/6/8 2:38:58

RPC、HTTP、DSF、Dubbo，每个都眼熟，就是不知道有什么联系？

一、HTTP 和 RPC 首先，http 与 rpc 有什么区别这个问题不太严谨，因为这俩就不是一个层级的东西。 HTTP 这个大家太熟悉了吧？日常接触最多的恐怕就是各种http协议的接口了。 没错，http它是一个协议。 其他在这里就不打算铺开了…...

编程日记 2023/6/8 2:33:57

java.security.MessageDigest的用法

java.security.MessageDigest MessageDigest的含义 message含义是:消息,信息 digest的含义是 digest 必应词典 n.摘要；文摘；概要；汇编 v.消化；领会；领悟；理解 海词 n. 摘要 vt. 消化；理解 vi…...

编程日记 2023/6/8 2:28:55

3.2 分析特征间的关系

3.2 分析特征间的关系 3.2.1 绘制散点图 scatter()例子1：绘制2000-2017年各季度国民生产总值散点图例子2：使用不同颜色不同形状的点，绘制2000-2017年各产业各季度国民生产总值散点图 3.2.2 绘制折线图 plot()例子1：绘制2000-2017年…...

编程日记 2023/6/8 2:23:54

Numpy学习

Numpy官方手册：Array objects — NumPy v1.24 Manual 创建数组 1.1 从现有数据创建 重要类型 np.ndarray # 判断是否可以迭代 注意0维标量不可以遍历 print(__iter__ in dir(np.ndarray) and __getitem__ in dir(np.ndarray))np.array(object, dtypeNone) objec…...

编程日记 2023/6/8 2:18:53

IDC机房相电压与线电压的关系

380V电动机（三相空调压缩机）的电流计算公式为：Ⅰ＝额定功率（1.732额定电压功率因数效率）。 功率因数是电力系统的一个重要的技术数据。功率因数是衡量电气设备效率高低的一个系数。功率因数低，说…...

编程日记 2023/6/8 2:13:51

chatgpt赋能python：Python如何设置输入的SEO

Python如何设置输入的SEO Python是一种高级的编程语言，具有容易上手、可扩展和开源等特点，因此在软件开发过程中得到广泛的应用。然而，如果您想让您的Python项目在搜索引擎上获得更好的排名和流量，您需要考虑如何设置输入的SEO。…...

编程日记 2023/6/8 2:08:50

Spring Cloud Alibaba — Nacos 构建服务注册中心

文章目录 Nacos Server下载启动登录创建命名空间 Nacos Client启动样例Nacos 服务发现配置项 集成 OpenFeign 远程接口调用添加 OpenFeign 依赖开启 EnableFeignClients 注解编写远程服务接口远程接口调用 集成 Sentinel 熔断降级添加 Sentinel 依赖开启 Sentinel 熔断降级编写…...

编程日记 2023/6/8 2:03:49

4.2 Spark SQL数据源 - 基本操作

一、默认数据源 案例演示读取Parquet文件 查看Spark的样例数据文件users.parquet 1、在Spark Shell中演示 启动Spark Shell 查看数据帧内容 查看数据帧模式 对数据帧指定列进行查询，查询结果依然是数据帧，然后通过write成员的save()方法写入HDF…...

编程日记 2023/6/8 1:58:48

事件相关功能磁共振波谱技术（fMRS）

导读 质子磁共振波谱(MRS)是一种非侵入性脑成像技术，用于测量不同神经化学物质的浓度。“单体素”MRS数据通常在几分钟内采集，然后对单个瞬态进行平均，从而测量神经化学物质浓度。然而，这种方法对更快速的神经化学物质的时间动态…...

编程日记 2023/6/8 1:53:47

跨境电商客户服务五步法

互联网技术的革新与升级对商务客服产生了巨大的影响，过去由在线客服与客户直接电联的单一服务形式被全渠道客服系统所替代。在电子商务时代，商家与客户之间的互动变得尤为重要：一方面，卖家通过分析客户喜好及消费趋向来针对性处理…...

编程日记 2023/6/8 1:48:46

hadoop环境配置及HDFS配置

环境与配置 ubuntu 20.04.6 /centos8hadoop 3.3.5 指令有部分不一样但是,配置是相同的 安装步骤 创建一个虚拟机,克隆三个虚拟机,master内存改大一点4G,salve内存1Gj修改主机名和配置静态ip(管理员模式下)) hostnamectl set-hostname node1 # 修改主机名 sudo passwd root …...

编程日记 2023/6/8 1:43:45

HTML中 meta的基本应用

meta 标签的定义 meta 标签是 head 部分的一个辅助性标签，提供关于 HTML 文档的元数据。它并不会显示在页面上，但对于机器是可读的。可用于浏览器（如何显示内容或重新加载页面），搜索引擎（SEO）或…...

编程日记 2023/6/8 1:38:44

docker compose 下 Redis 主备配置

1、准备两台虚拟机或者物理机 node1 IP：192.168.123.78 node2 IP：192.168.123.82 2、安装docker和docker compose 3、安装node1，配置docker-compose.yml version: 3services:redis-rs1:container_name: redis_node1image: redis:5.0.3rest…...

编程日记 2023/6/8 1:33:38

Tomcat ServletConfig和ServletContext接口概述

ServletConfig是一个接口，是Servlet规范中的一员 WEB服务器实现了ServletConfig接口，这里指的是Tomcat服务器 一个Servlet对象中有一个ServletConfig对象，Servlet和ServletConfig对象是一对一 ServletConfig对象是Tomcat服务器创建的&#xf…...

编程日记 2023/6/8 1:28:37

linux内核open文件流程

打开文件流程 本文基本Linux5.15 当应用层通过open api打开一个文件，内核中究竟如何处理？ 本身用来描述内核中对应open 系统调用的处理流程。 数据结构 fdtable 一个进程可以打开很多文件， 内核用fdtable来管理这些文件。 include/linu…...

编程日记 2023/6/8 1:23:35

遗传算法讲解

遗传算法（Genetic Algorithm，GA） 是模拟生物在自然环境中的遗传和进化的过程而形成的自适应全局优化搜索算法。它借用了生物遗传学的观点，通过自然选择、遗传和变异等作用机制，实现各个个体适应性的提高。 基因型 (G…...

编程日记 2023/6/8 1:18:34

PostgreSQL修炼之道之高可用性方案设计（十六）

20 高可用性方案设计（一） 在一个生产系统中，通常都需要用高可用方案来保证系统的不间断运行。本章将详细介绍如何实现PostgreSQL数据库的高可用方案。 20.1 高可用架构基础 通常数据库的高可用方案都是让多个数据库服务器协同工作&#xff0…...

编程日记 2023/6/8 1:13:33

Bybit面经

缘起 V2EX有广告内推，看描述还挺不错 贴主5 年半工作经验，有两年大厂工作经历，20 年 11 月来到新加坡分公司开始工作 后来是猎头Jeff找的我 0318 主面 主要一个面试官是后端开发金融背景 某条金融线的负责人；其余是交叉面试。面…...

编程日记 2023/6/8 1:08:32

GORM---创建

目录 模型定义使用Create创建记录一次性创建多条数据批量插入数据时开启事务默认值问题 模型定义 定义一个PersonInfo结构体。 type PersonInfo struct {Id uint64 gorm:"column:id;primary_key;NOT NULL" json:"id"UserName string gorm:"co…...

编程日记 2023/6/8 1:03:31

【OSG学习笔记】Day 18: 碰撞检测与物理交互

物理引擎（Physics Engine） 物理引擎 是一种通过计算机模拟物理规律（如力学、碰撞、重力、流体动力学等）的软件工具或库。 它的核心目标是在虚拟环境中逼真地模拟物体的运动和交互，广泛应用于 游戏开发、动画制作、虚…...

编程新知 2026/2/4 2:08:30

golang循环变量捕获问题​​

在 Go 语言中，当在循环中启动协程（goroutine）时，如果在协程闭包中直接引用循环变量，可能会遇到一个常见的陷阱 - ​​循环变量捕获问题​​。让我详细解释一下： 问题背景 看这个代码片段： fo…...

编程新知 2026/1/21 14:29:57

Xshell远程连接Kali（默认 | 私钥）Note版

前言:xshell远程连接，私钥连接和常规默认连接 任务一 开启ssh服务 service ssh status //查看ssh服务状态 service ssh start //开启ssh服务 update-rc.d ssh enable //开启自启动ssh服务 任务二 修改配置文件 vi /etc/ssh/ssh_config //第一…...

编程新知 2026/1/28 2:18:42

从零实现富文本编辑器#5-编辑器选区模型的状态结构表达

先前我们总结了浏览器选区模型的交互策略，并且实现了基本的选区操作，还调研了自绘选区的实现。那么相对的，我们还需要设计编辑器的选区表达，也可以称为模型选区。编辑器中应用变更时的操作范围，就是以模型选区为基准来…...

编程新知 2026/1/16 16:34:26

STM32F4基本定时器使用和原理详解

STM32F4基本定时器使用和原理详解 前言如何确定定时器挂载在哪条时钟线上配置及使用方法参数配置PrescalerCounter ModeCounter Periodauto-reload preloadTrigger Event Selection 中断配置生成的代码及使用方法初始化代码基本定时器触发DCA或者ADC的代码讲解中断代码定时启动…...

编程新知 2026/1/26 21:56:38

蓝牙 BLE 扫描面试题大全(2)：进阶面试题与实战演练

前文覆盖了 BLE 扫描的基础概念与经典问题蓝牙 BLE 扫描面试题大全(1)：从基础到实战的深度解析-CSDN博客，但实际面试中，企业更关注候选人对复杂场景的应对能力（如多设备并发扫描、低功耗与高发现率的平衡）和前沿技术的…...

编程新知 2026/2/5 3:41:42

linux 错误码总结

1，错误码的概念与作用 在Linux系统中，错误码是系统调用或库函数在执行失败时返回的特定数值，用于指示具体的错误类型。这些错误码通过全局变量errno来存储和传递，errno由操作系统维护，保存最近一次发生的错误信息。值得注意的是，errno的值在每次系统调用或函数调用失败时…...

编程新知 2025/9/16 22:48:47

工业自动化时代的精准装配革新：迁移科技3D视觉系统如何重塑机器人定位装配

AI3D视觉的工业赋能者 迁移科技成立于2017年，作为行业领先的3D工业相机及视觉系统供应商，累计完成数亿元融资。其核心技术覆盖硬件设计、算法优化及软件集成，通过稳定、易用、高回报的AI3D视觉系统，为汽车、新能源、金属制造等行…...

编程新知 2025/11/25 4:59:47

3403. 从盒子中找出字典序最大的字符串 I

3403. 从盒子中找出字典序最大的字符串 I 题目链接：3403. 从盒子中找出字典序最大的字符串 I 代码如下： class Solution { public:string answerString(string word, int numFriends) {if (numFriends 1) {return word;}string res;for (int i 0;i &…...

编程新知 2025/10/31 5:18:02

Python基于历史模拟方法实现投资组合风险管理的VaR与ES模型项目实战

说明：这是一个机器学习实战项目（附带数据代码文档），如需数据代码文档可以直接到文章最后关注获取。 1.项目背景 在金融市场日益复杂和波动加剧的背景下，风险管理成为金融机构和个人投资者关注的核心议题之一。VaR&…...

编程新知 2026/1/25 4:19:49