使用el-pagination出现样式超出时加上这个属性就能轻松解决

出现的样式问题:

当页码数量过多时,多余的页码会超出我们设定的样式盒子,不美观

代码是这样写的,直接使用的el-pagination

<el-pagination
    layout="prev, pager, next"
    :total="50">
  </el-pagination>

解决后:

通过查阅element官方文档发现,el-pagination存在一个参数pager-count,官方的默认值为7,这里我们可以根据个人的实际样式进行调整,在此处我将其改成4就可以解决我遇到的问题了!

代码如下:

<el-pagination
    layout="prev, pager, next"
    :pager-count = 5
    :total="50">
  </el-pagination>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:/a/704679.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

几何优化技术在AI绘画中的应用

在人工智能领域&#xff0c;艺术创作已经成为了一个重要的应用方向。通过使用深度学习和计算机视觉技术&#xff0c;我们可以创建出令人惊叹的艺术作品。然而&#xff0c;要生成高质量的图像&#xff0c;需要对模型进行大量的训练和优化。在这个过程中&#xff0c;几何优化技术…

学习Pr有哪些常见的使用的技巧?

本Premiere 学习笔记总结常见问题165条。不管你是初学的小白&#xff0c;或是刚进入剪辑学习软件阶段&#xff0c;还是说你学软件好几年了都有用处。因为这份总结涉及到了Pr的各个方面。既可以帮你解决软件出现的问题&#xff0c;也可以帮你熟知软件的实际应用&#xff0c;以及…

40. 【Java教程】数据库编程

本小节我们将学习如何使用 Java 语言结合数据库进行编程。注意&#xff0c;学习本小节需要你有一定的 SQL 基础&#xff0c;了解 MySQL 数据库的 基础 CRUD 操作。 本小节我们将选择开源免费的 MySQL 5.7 作为数据库&#xff0c;可以去官网下载并安装 MySQL。 通过本小节的学…

【Gitlab】访问默认PostgreSQL数据库

本地访问PostgreSQL gitlab有可以直接访问内部PostgreSQL的命令 sudo gitlab-rails dbconsole # 或者 sudo gitlab-psql -d gitlabhq_production效果截图 常用SQL # 查看用户状态 select id,name,email,state,last_sign_in_at,updated_at,last_credential_check_at,last_act…

【React】配置别名路径@

别名路径配置 1. 路径解析配置&#xff08;webpack&#xff09; CRA本身把webpack配置包装到了黑盒里无法直接修改&#xff0c;需要借助一个插件 - craco步骤 安装craco npm i -D craco/craco项目根目录下创建配置文件 craco.config.js配置文件中添加路径解析配置 const pa…

无法在地址[localhost]和端口[8005]上创建服务器关闭套接字(基本端口[8005]和偏移量[0])

今天小伙伴问我一个问题&#xff0c;说是新服务器启动应用&#xff0c;报了一个错误&#xff0c;如下&#xff1a; 一开始我怀疑是端口被占用 经过排查端口没有被占用&#xff0c;然后我怀疑localhost解析有问题 经过 ping localhost 后&#xff0c;得到以下结果到这里很明…

基于若依的ruoyi-nbcio-plus里抄送人多页选择人员的bug修复

更多ruoyi-nbcio功能请看演示系统 gitee源代码地址 前后端代码&#xff1a; https://gitee.com/nbacheng/ruoyi-nbcio 演示地址&#xff1a;RuoYi-Nbcio后台管理系统 http://218.75.87.38:9666/ 更多nbcio-boot功能请看演示系统 gitee源代码地址 后端代码&#xff1a; h…

阿里云香港服务器怎么样?

大家都知道阿里云是国内最受欢迎的云服务商&#xff0c;那么阿里云香港服务器究竟怎么样呢&#xff1f;和硅云的香港服务器用于做外贸网站等业务相比各有哪些优缺点呢&#xff1f; 阿里云和硅云在香港云服务领域有着广泛的应用和良好的口碑。然而&#xff0c;它们各自的特点和…

短剧cps平台有哪些,短剧cps系统搭建

一、短剧CPS平台主要包括以下几个&#xff1a; 1&#xff0c;快手平台 拥有庞大的用户基础和活跃的短剧消费群体&#xff0c;通过快手的推广&#xff0c;短剧可以获得更多的曝光。同时&#xff0c;快手还提供CPS分佣模式。 2&#xff0c;抖音平台 作为国内最大的短视频平台…

我国的AI大模型前景如何?

目前&#xff0c;我国的AI大模型市场前景很好。这个产业的发展源于多领域的广泛需求&#xff0c;包括办公、制造、金融、医疗、政务等场景中的降本增效、生产自动化、降低风险、提高诊断准确率、提高政务服务效率等诉求。这些领域的创新和发展共同推动了我国AI大模型产业的蓬勃…

CentOS7服务器中安装openCV4.8的教程

参考链接&#xff1a;Centos7环境下cmake3.25的编译与安装 参考链接&#xff1a;Linux安装或者升级cmake&#xff0c;例子为v3.10.2升级到v3.25.0(自己指定版本) 参考链接&#xff1a;Linux安装Opencv&#xff08;C&#xff09; 一、下载资源 1.下载cmake3.25.0的压缩包&am…

zerotier自建moon方法

简介 使用zerotier已经有一段时间了&#xff0c;现在偶尔会出现服务器连接不上的情况。我就想自己建个moon来试试。记录一下过程&#xff0c;用作备忘录。 准备工作 准备一个有公网IP的云主机。我用的是“三丰云”&#xff0c;速度很快同时提供"免费虚拟主机"和“免费…

第17章通信系统架构设计理论与实践

常见的5种常用的网络架构和构建网络的相关技术&#xff0c;以及网络构建的分析和设计方法。 17.1通信系统概述 通信技术和网络技术的发展&#xff0c;通信网络发生很大变化&#xff0c;入网的形式变化&#xff0c;传输的速率的提高、接入网络的方式多样化、网络结构的更为复杂…

“中国第一慢病医疗平台”冲刺港股IPO,方舟云康如何脱颖而出?

“中国第一线上慢性病管理平台”--方舟云康&#xff0c;6月10日通过了港交所聆讯&#xff0c;预计将在香港主板IPO上市。 作为一家2015年成立的互联网医疗企业&#xff0c;方舟云康此前分别在2022年11月、2023年6月、2024年2月三次递表。从最初的坚持数智化管理模式&#xff0…

如何通俗并尽可能详细地解释卡尔曼滤波?

参考书 射影定理 递推射影公式 关于线性流型 source&#xff1a; 线性流型_百度百科 后续再更。

服务器数据恢复—EMC Isilon存储中被误删的虚拟机数据恢复案例

服务器存储数据恢复环境&#xff1a; EMC Isilon S200集群存储&#xff0c;共三个节点&#xff0c;每节点配置12块SATA硬盘。 服务器存储故障&#xff1a; 工作人员误操作删除虚拟机&#xff0c;虚拟机中数据包括数据库、MP4、AS、TS类型的视频文件等。需要恢复数据的虚拟机通…

中心极限定理的MATLAB例

独立同分布的中心极限定理&#xff1a; 设 X 1 , X 2 , … , X n X_1, X_2, \ldots, X_n X1​,X2​,…,Xn​ 是独立同分布的随机变量序列&#xff0c;且 E ( X i ) μ E(X_i) \mu E(Xi​)μ&#xff0c; D ( X i ) σ 2 > 0 D(X_i) \sigma^2 > 0 D(Xi​)σ2>0&a…

收藏一些毕业论文技术路线图

*信息来源&#xff1a;xhs 立青Jill 原文链接https://mp.weixin.qq.com/s?__bizMzUyNzczMTI4Mg&mid2247693272&idx3&snf6c8513eaee894c5158dc5c3620bf93c&chksmfa76ace5cd0125f3169b2782c137f6308c6d201d3a845db1be8b397758a1f11e3719524e601b&token18515…

九种常见可视化大屏入场动效,绝对足够惊艳。

Hi&#xff0c;10经验的前端开发和UI设计老司机→贝格前端工场&#xff0c;为您分享。本期带来一批可视化大屏的入场动效&#xff0c;这种效果绝对是先声夺人&#xff0c;惊艳无数人。 在可视化大屏中&#xff0c;入场动画是非常重要的&#xff0c;可以通过各种形式的动画效果…

基于WPF技术的换热站智能监控系统07--实现左侧数据报表

1、区域划分 2、UI布局 LiveCharts是一个比较漂亮的WPF图表控件&#xff0c;在数据变化时还会有动画切换的效果&#xff0c;并且样式也可以控制。 Values&#xff1a;数据值 Fill&#xff1a;填充颜色 StrokeThickness:粗细 LabelPosition:标签位置 3、运行效果 走过路过不…