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

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

news 2026/2/8 9:27:40

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

RocketMQ延迟消息机制

两种延迟消息 RocketMQ中提供了两种延迟消息机制 指定固定的延迟级别 通过在Message中设定一个MessageDelayLevel参数，对应18个预设的延迟级别指定时间点的延迟级别 通过在Message中设定一个DeliverTimeMS指定一个Long类型表示的具体时间点。到了时间点后&#xf…...

编程新知 2026/2/5 5:03:16

Vue2 第一节_Vue2上手_插值表达式{{}}_访问数据和修改数据_Vue开发者工具

文章目录 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染2. 插值表达式{{}}3. 访问数据和修改数据4. vue响应式5. Vue开发者工具--方便调试 1.Vue2上手-如何创建一个Vue实例,进行初始化渲染 准备容器引包创建Vue实例 new Vue()指定配置项 ->渲染数据 准备一个容器,例如: …...

编程新知 2026/2/7 10:59:19

Ascend NPU上适配Step-Audio模型

1 概述 1.1 简述 Step-Audio 是业界首个集语音理解与生成控制一体化的产品级开源实时语音对话系统，支持多语言对话（如 中文，英文，日语），语音情感（如 开心，悲伤）&#x…...

编程新知 2026/1/31 4:37:39

JVM暂停（Stop-The-World，STW）的原因分类及对应排查方案

JVM暂停（Stop-The-World，STW）的完整原因分类及对应排查方案，结合JVM运行机制和常见故障场景整理而成： 一、GC相关暂停​​ 1. ​​安全点（Safepoint）阻塞​​ ​​现象​​：JVM暂停但无GC日志，日志显示No GCs detected。​​原因​​：JVM等待所有线程进入安全点（如…...

编程新知 2026/2/7 11:25:15

Redis数据倾斜问题解决

Redis 数据倾斜问题解析与解决方案 什么是 Redis 数据倾斜 Redis 数据倾斜指的是在 Redis 集群中，部分节点存储的数据量或访问量远高于其他节点，导致这些节点负载过高，影响整体性能。 数据倾斜的主要表现 部分节点内存使用率远高于其他节…...

编程新知 2026/1/27 19:28:11

Spring数据访问模块设计

前面我们已经完成了IoC和web模块的设计，聪明的码友立马就知道了，该到数据访问模块了，要不就这俩玩个6啊，查库势在必行，至此，它来了。 一、核心设计理念 1、痛点在哪 应用离不开数据（数据库、No…...

编程新知 2026/2/4 16:13:50

面向无人机海岸带生态系统监测的语义分割基准数据集

描述：海岸带生态系统的监测是维护生态平衡和可持续发展的重要任务。语义分割技术在遥感影像中的应用为海岸带生态系统的精准监测提供了有效手段。然而，目前该领域仍面临一个挑战，即缺乏公开的专门面向海岸带生态系统的语义分割基准数据集。受…...

编程新知 2026/1/25 14:15:52

MinIO Docker 部署：仅开放一个端口

MinIO Docker 部署：仅开放一个端口 在实际的服务器部署中，出于安全和管理的考虑，我们可能只能开放一个端口。MinIO 是一个高性能的对象存储服务，支持 Docker 部署，但默认情况下它需要两个端口：一个是 API 端口（用于存储和访问数据），另一个是控制台端口（用于管理界面…...

编程新知 2025/12/23 11:08:56

mac：大模型系列测试

0 MAC 前几天经过学生优惠以及国补17K入手了mac studio,然后这两天亲自测试其模型行运用能力如何，是否支持微调、推理速度等能力。下面进入正文。 1 mac 与 unsloth 按照下面的进行安装以及测试，是可以跑通文章里面的代码。训练速度也是很快的。 注意…...

编程新知 2026/2/4 0:46:21

恶补电源：1.电桥

一、元器件的选择 搜索并选择电桥，再multisim中选择FWB，就有各种型号的电桥: 电桥是用来干嘛的呢？ 它是一个由四个二极管搭成的“桥梁”形状的电路，用来把交流电（AC）变成直流电（DC）。…...

编程新知 2026/1/29 8:28:23