vue3+ts 实现移动端分页

current  开始页码        pageSize  结束页码   

const size=ref<number>(10)   //一页显示十条
const eachCurrentPage=ref<number>(1)  //默认是第一页interface ITdata {current: number,pageSize: number,// xxxx 其他参数...
}
const selectApplyList = ref<ITdata>({current: eachCurrentPage.value,pageSize:size.value
})
//调接口 第一次传1  10    注意返给的 res.data 数组拼接一下//items.value = items.value.concat(res.data)selectApplyList.value.current=items.value.length+1selectApplyList.value.pageSize= selectApplyList.value.current+size.value-1

举例: 后端一共返给11条数据     那么第三次请求参数就是  12  20

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

如若内容造成侵权/违法违规/事实不符,请联系编程知识网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

快速上手Linux基础开发工具

目录 软件包管理器 概念理解 用法示例 - 以yum为例 vim 模式的切换 常用操作 插件和配置 gcc/g gdb make / makefile 软件包管理器 概念理解 在Linux下安装软件的话&#xff0c;一个比较原始的办法是下载程序的源代码&#xff0c;然后进行编译&#xff0c;进而得到…

【LLM】Windows本地CPU部署民间版中文羊驼模型(Chinese-LLaMA-Alpaca)踩坑记录

目录 前言 准备工作 Git Python3.9 Cmake 下载模型 合并模型 部署模型 前言 想必有小伙伴也想跟我一样体验下部署大语言模型, 但碍于经济实力, 不过民间上出现了大量的量化模型, 我们平民也能体验体验啦~, 该模型可以在笔记本电脑上部署, 确保你电脑至少有16G运行…

Modbus RTU(Remote Terminal Unit)与RS-485协议介绍(主站设备(Master)、从站设备(Slave))

文章目录 Modbus RTU与RS-485协议介绍一、引言二、Modbus RTU 协议介绍2.1 Modbus RTU 协议简介2.2 Modbus RTU 协议帧结构主站设备、从站设备与从站设备地址2.3 Modbus RTU 协议举例 三、RS-485 协议介绍3.1 RS-485 协议简介3.2 RS-485 物理连接方式3.3 RS-485 与 Modbus RTU …

echarts的折线图,在点击图例后,提示出现变化,不报错。tooltip的formatter怎么写

在点击图例的年后&#xff0c;提示框会相应的变化&#xff0c;多选和单选都会响应变化。tooptip的重度在formatter tooltip:{show:true,trigger:"axis",alwaysShowContent:true,triggerOn:"mousemove",textStyle:{color:"#fff"},backgroundColor…

Dumi从0到1搭建属于自己的组件库

项目地址在末尾 初始化组件库 Dumi&#xff08;官网&#xff09; 使用dumi可以在开发组件库的同时&#xff0c;生成文档和demo 创建一个目录 mkdir test_demo cd test_demo使用dumi脚手架创建组件库 npx umijs/create-dumi-lib --site安装依赖&#xff0c;运行展示 npm …

Mock数据:单元测试中的心灵鸡汤

在当今的软件开发领域&#xff0c;质量控制已经成为了一个不可或缺的环节。为了确保软件的稳定性和可靠性&#xff0c;开发者们投入了大量的时间和精力进行各种测试。其中&#xff0c;单元测试作为最基础的测试方法&#xff0c;其重要性不言而喻。然而&#xff0c;单元测试中的…

插件化原理

插件化技术和热修复技术都属于动态加载&#xff0c;从普及率的角度来看&#xff0c;插件化技术还没有热修复的普及率高&#xff0c;主要原因是占大多数的中小型应用很少也没有必要去采用插件化技术。 Android P preview&#xff08;Android 9&#xff09;开始限制调用隐藏 API…

解决 010Edittor 复制问题

遇到的问题&#xff1a; 使用010Edittor做CTF题目的时候 复制Nex Text File 复制的内容在右边 解决方法&#xff1a; 如果要复制到左边是复制的问题 需要ctrlshift c 然后ctrlshift v粘贴即可。 具体操作如下&#xff1a; 这边复制过来就可以看到是RAR的文件格式另存为 修…

肖sir__mysql之索引__010

mysql之索引 一、什么是索引&#xff1f; 索引是一种数据结构设计 一个索引是存储的表中数据结构&#xff1b; 索引是建立在表字段上&#xff0c; 索引包含了一列值&#xff0c;这个值保存在一个数据结构中 二、索引作用 1、保证数据记录的唯一性 2、实现表与表之间的参照性 3…

Python入门-pack和unpack的用法

struct.calcsize(format) 返回与格式字符串format相对应的结构体的大小&#xff08;以及由 生成的字节对象的大小 &#xff09; 使用大端顺序打包和解包三种不同大小的整数&#xff1a; from struct import *pack(">bhl", 1, 2, 3)unpack(>bhl, b\x01\x00\x…

ETH01-ETH驱动的配置01

总目录链接==>> AutoSAR入门和实战系列总目录 总目录链接==>> AutoSAR BSW高阶配置系列总目录 1 配置参数 /MICROSAR/Eth_Enet/Eth/EthConfigSet/EthCtrlConfig/EthTxBufConfig/EthTxBufTotal/MICROSAR/Eth_Enet/Eth/EthConfigSet/EthCtrlConfig/EthTxBufConf…