【前端】若依框架学习笔记——分页(自定义选择每页条数)
0"
:total="total"
:page.sync="queryParams.pageNum"
:limit.sync="queryParams.pageSize"
:pageSizes="queryParams.pageSizes"
@pagination="getList"
/>
queryParams: {
pageNum: 1,
pageSize: 4,
pageSizes: [4, 6, 8, 10]
}
ruoyi-ui\src\components\Pagination\index.vue
export default {
name: 'Pagination',
props: {
total: {
required: true,
type: Number
},
page: {
type: Number,
default: 1
},
limit: {
type: Number,
default: 20
},
pageSizes: {
type: Array,
default() {
return [10, 20, 30, 50]
}
},
...
v-show=”queryParams.total > 0″：用于判断是否存在数据，有这显示，无不显示。
:total=”queryParams.total”：显示数据总条数
:page.sync=”queryParams.pageNum”：显示当前页码
:limit.sync=”queryParams.pageSize”：显示数据条数
:pageSizes=”queryParams.pageSizes”: 选择每页条数
@pagination=”getLists”：处理页码大小和当前页变动时候触发的事件
本文来自网络，不代表协通编程立场，如若转载，请注明出处：https://www.net2asp.com/ff8a8b801b.html
相关推荐
-
数据结构：大顶堆、小顶堆
前言： 堆是其中一种非常重要且实用的数据结构。堆可以用于实现优先队列，进行堆排序，以及解决各种与查找和排序相关的问题。本文将深入探讨两种常见的堆结构：大顶堆和小顶堆，…
-
数据结构课程设计
数据结构课程设计 文章目录 数据结构课程设计 1.1问题描述 1.2需求分析 1.3概要设计 1.4详细设计 1.5调试分析 1.6测试结果 1.7参考文献 1.8源码 1.1问题…
-
解读一下最近Midjourney开放的中国版
最近Midjourney在中国开放测试申请，吸引了众多朋友加入，但也存在许多问题需要解答。因此，我决定撰写一份使用指南，以帮助大家更好地理解与国际版的差异。 接下来，我将分为两个部…
-
微信小程序实现调用百度文心一言接口API
直接贴出运行结果 总共有三个步骤，过程都很简单。 1、首先得获得你自己的API_key 先进入文心千帆大模型平台，然后点击左边一列的“应用接入”，然后点创建应用，这时你就获得了AP…
-
搭建智能桥梁，Amazon CodeWhisperer助您轻松编程
零：前言 今年的ChatGPT热潮之后，AI大模型的应用日益广泛，虽然AI编码暂时不能完全替代程序员，但随着时代的变迁和趋势的发展，我们不必过于焦虑。我们应该积极适应变化，顺应趋势…
-
CodeWhisperer——轻松使用一个超级强大的工具
CodeWhisperer 简介 CodeWhisperer是亚⻢逊云科技出品的一款基于机器学习的通用代码生成器，可实时提供代码建议。 CodeWhisperer有以下几个主要用途…
-
初识Stable Diffusion
界面选项解读 这是在趋动云上部署的Stable Diffusion txt2img prompt （1）分割符号：使用逗号 , 用于分割词缀，且有一定权重排序功能，逗号前权重高，逗…
-
足够惊艳，使用Alpaca-Lora基于LLaMA(7B)二十分钟完成微调，效果比肩斯坦福羊驼
之前尝试了从0到1复现斯坦福羊驼（Stanford Alpaca 7B），Stanford Alpaca 是在 LLaMA 整个模型上微调，即对预训练模型中的所有参数都进行微调（f…
-
TCP四次挥手
TCP 协议在关闭连接时，需要进行四次挥手的过程，主要是为了确保客户端和服务器都能正确地关闭连接。 # 执行流程 四次挥手的具体流程如下： 客户端发送 FIN 包：客户端发送一个 …
-
Vulnhub-RIPPER: 1渗透
文章目录 一、前言 1、靶机ip配置 2、渗透目标 3、渗透概括 开始实战 一、信息获取 二、rips的使用 三、获取密码文件 四、日志审查 五、提权 一、前言 由于在做靶机的时…
