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

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

news 2025/10/31 9:16:42

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

C++ 基础特性深度解析

目录 引言 一、命名空间（namespace） C 中的命名空间​ 与 C 语言的对比​ 二、缺省参数​ C 中的缺省参数​ 与 C 语言的对比​ 三、引用（reference）​ C 中的引用​ 与 C 语言的对比​ 四、inline（内联函数…...

编程新知 2025/10/17 0:18:22

初学 pytest 记录

安装 pip install pytest用例可以是函数也可以是类中的方法 def test_func():print()class TestAdd: # def __init__(self): 在 pytest 中不可以使用__init__方法 # self.cc 12345 pytest.mark.api def test_str(self):res add(1, 2)assert res 12def test_int(self):r…...

编程新知 2025/10/29 4:49:49

佰力博科技与您探讨热释电测量的几种方法

热释电的测量主要涉及热释电系数的测定，这是表征热释电材料性能的重要参数。热释电系数的测量方法主要包括静态法、动态法和积分电荷法。其中，积分电荷法最为常用，其原理是通过测量在电容器上积累的热释电电荷，从而确定热释电系数…...

编程新知 2025/10/25 0:21:11

日常一水C

多态 言简意赅：就是一个对象面对同一事件时做出的不同反应 而之前的继承中说过，当子类和父类的函数名相同时，会隐藏父类的同名函数转而调用子类的同名函数，如果要调用父类的同名函数，那么就需要对父类进行引用&#…...

编程新知 2025/9/30 22:37:58

从“安全密码”到测试体系：Gitee Test 赋能关键领域软件质量保障

关键领域软件测试的"安全密码"：Gitee Test如何破解行业痛点 在数字化浪潮席卷全球的今天，软件系统已成为国家关键领域的"神经中枢"。从国防军工到能源电力，从金融交易到交通管控，这些关乎国计民生的关键领域…...

编程新知 2025/10/30 18:46:02

react更新页面数据，操作页面，双向数据绑定

// 路由不是组件的直接跳转use client，useEffect，useRouter，需3个结合， use client表示客户端 use client; import { Button,Card, Space,Tag,Table,message,Input } from antd; import { useEffect,useState } from react; impor…...

编程新知 2025/10/22 13:52:33

深入浅出JavaScript中的ArrayBuffer：二进制数据的“瑞士军刀”

深入浅出JavaScript中的ArrayBuffer：二进制数据的“瑞士军刀” 在JavaScript中，我们经常需要处理文本、数组、对象等数据类型。但当我们需要处理文件上传、图像处理、网络通信等场景时，单纯依赖字符串或数组就显得力不从心了。这时&#xff…...

编程新知 2025/8/25 20:54:10

华为OD机考- 简单的自动曝光/平均像素

import java.util.Arrays; import java.util.Scanner;public class DemoTest4 {public static void main(String[] args) {Scanner in new Scanner(System.in);// 注意 hasNext 和 hasNextLine 的区别while (in.hasNextLine()) { // 注意 while 处理多个 caseint[] arr Array…...

编程新知 2025/10/21 18:22:13

大模型智能体核心技术：CoT与ReAct深度解析

**导读：**在当今AI技术快速发展的背景下，大模型的推理能力和可解释性成为业界关注的焦点。本文深入解析了两项核心技术：CoT（思维链）和ReAct（推理与行动），这两种方法正在重新定义大模…...

编程新知 2025/7/29 20:39:17

matlab实现DBR激光器计算

DBR激光器计算程序。非常值得参考的程序。DBR激光器程序 DBR计算/1.txt , 2056 DBR计算/4.asv , 22 DBR计算/4.txt , 32 DBR计算/GetDeviceEfficiency.asv , 2012 DBR计算/GetDeviceEfficiency.m , 2014 DBR计算/GetOneLayerArray.asv , 837 DBR计算/GetOneLayerArray.m , 836…...

编程新知 2025/9/11 15:29:28