ruoyi 新增每页分页条数

正文开始:

ruoyi的分页原理,大致就是使用MyBatis提供的插件接口,实现自定义插件,在插件的拦截方法内拦截待执行的 SQL,然后重写 SQL,实现分页查询。

问题提出:

若依框架中,使用的是 PageHelper 分页对象进行分页查询,若依自带的分页条数只有4种,有时需要其他数量的分页条数,比如5条/页100条/页

解决办法:

找到控制分页查询的组件(ruoyi-ui/src/components/Pagination/index.vue),修改分页查询的数据量。

具体代码:

ruoyi-ui/src/components/Pagination/index.vue 下,找到 pageSizes 数组中新增想要分页的数据量 :

javascript 复制代码
pageSizes:{
type:Array,
default(){
return[10,20,30,50]
}
},
javascript 复制代码
pageSizes:{
type:Array,
default(){
return[5,10,20,30,50,100]
}
},

运行结果:

相关推荐
Emily156853598701 小时前
Emerson 1C31129G03 Analog Input Module
java·开发语言·前端·plc·emerson·1c31129g03·input module
就叫_这个吧6 小时前
Java递归方法实现面包屑导航
java·开发语言
fīɡЙtīиɡ ℡6 小时前
AI 应用系统设计
java·开发语言·人工智能
城管不管6 小时前
重生——第十一次面试之挖财一面2026.8.19已OC
java·服务器·jvm·数据库·spring·面试·职场和发展
码匠许师傅6 小时前
【C++ 面试真题】26. 聊聊 C++ 的智能指针
java·c++·面试
倔强的石头1066 小时前
向量数据库从相似度检索走向融合数据底座
数据库
AI绘画哇哒哒6 小时前
【建议收藏!】35岁后端血泪忠告,这3类人别硬转Agent(过来人亲述)
java·人工智能·后端·ai·程序员·大模型·agent
最强小杰7 小时前
gpt-5.6-sol 频繁报 503 怎么办?区分容量熔断和限速 429 的排查方法 + 可复用 retry wrapper
java·人工智能·gpt·ai
今天AI了吗8 小时前
Python 基础语法(一):常量、变量、输入输出与运算符
开发语言·数据库·人工智能·python·sql·深度学习·机器学习
lilian2339 小时前
Harmony os 技术实战|拼豆制图27:用单字符编码承载 50 张 70×70 图纸
前端·数据库·华为·harmonyos