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

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

news 2026/2/5 16:55:49

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

Linux链表操作全解析

Linux C语言链表深度解析与实战技巧 一、链表基础概念与内核链表优势1.1 为什么使用链表？1.2 Linux 内核链表与用户态链表的区别 二、内核链表结构与宏解析常用宏/函数 三、内核链表的优点四、用户态链表示例五、双向循环链表在内核中的实现优势5.1 插入效率5.2 安全…...

编程新知 2025/12/3 20:14:32

FFmpeg 低延迟同屏方案

引言 在实时互动需求激增的当下，无论是在线教育中的师生同屏演示、远程办公的屏幕共享协作，还是游戏直播的画面实时传输，低延迟同屏已成为保障用户体验的核心指标。FFmpeg 作为一款功能强大的多媒体框架，凭借其灵活的编解码、数据…...

编程新知 2025/11/4 6:26:59

Vue3 + Element Plus + TypeScript中el-transfer穿梭框组件使用详解及示例

使用详解 Element Plus 的 el-transfer 组件是一个强大的穿梭框组件，常用于在两个集合之间进行数据转移，如权限分配、数据选择等场景。下面我将详细介绍其用法并提供一个完整示例。 核心特性与用法 基本属性 v-model：绑定右侧列表的值&…...

编程新知 2026/2/4 4:25:40

ssc377d修改flash分区大小

1、flash的分区默认分配16M、 / # df -h Filesystem Size Used Available Use% Mounted on /dev/root 1.9M 1.9M 0 100% / /dev/mtdblock4 3.0M...

编程新知 2025/12/21 20:15:17

（二）TensorRT-LLM | 模型导出（v0.20.0rc3）

0. 概述 上一节 对安装和使用有个基本介绍。根据这个 issue 的描述，后续 TensorRT-LLM 团队可能更专注于更新和维护 pytorch backend。但 tensorrt backend 作为先前一直开发的工作，其中包含了大量可以学习的地方。本文主要看看它导出模型的部分&#x…...

编程新知 2026/1/24 6:44:11

抖音增长新引擎：品融电商，一站式全案代运营领跑者

抖音增长新引擎：品融电商，一站式全案代运营领跑者 在抖音这个日活超7亿的流量汪洋中，品牌如何破浪前行？自建团队成本高、效果难控；碎片化运营又难成合力——这正是许多企业面临的增长困局。品融电商以「抖音全案代运营…...

编程新知 2026/2/1 5:45:17

在四层代理中还原真实客户端ngx_stream_realip_module

一、模块原理与价值 PROXY Protocol 回溯 第三方负载均衡（如 HAProxy、AWS NLB、阿里 SLB）发起上游连接时，将真实客户端 IP/Port 写入 PROXY Protocol v1/v2 头。Stream 层接收到头部后，ngx_stream_realip_module 从中提取原始信息…...

编程新知 2026/1/4 5:02:00

UR 协作机器人「三剑客」：精密轻量担当（UR7e）、全能协作主力（UR12e）、重型任务专家（UR15）

UR协作机器人正以其卓越性能在现代制造业自动化中扮演重要角色。UR7e、UR12e和UR15通过创新技术和精准设计满足了不同行业的多样化需求。其中，UR15以其速度、精度及人工智能准备能力成为自动化领域的重要突破。UR7e和UR12e则在负载规格和市场定位上不断优化&#xf…...

编程新知 2026/2/2 2:47:37

ArcGIS Pro制作水平横向图例+多级标注

今天介绍下载ArcGIS Pro中如何设置水平横向图例。 之前我们介绍了ArcGIS的横向图例制作：ArcGIS横向、多列图例、顺序重排、符号居中、批量更改图例符号等等（ArcGIS出图图例8大技巧），那这次我们看看ArcGIS Pro如何更加快捷的操作。…...

编程新知 2026/2/4 17:18:03

C# 求圆面积的程序（Program to find area of a circle）

给定半径r，求圆的面积。圆的面积应精确到小数点后5位。 例子： 输入：r 5 输出：78.53982 解释：由于面积 PI * r * r 3.14159265358979323846 * 5 * 5 78.53982，因为我们只保留小数点后 5 位数字。 输…...

编程新知 2026/1/21 14:21:52