vue3+ts 实现移动端分页

北枳~

已于 2023-10-08 16:14:00 修改

阅读量580

点赞数

文章标签：前端 javascript

于 2023-09-18 14:16:09 首次发布

本文链接：https://blog.csdn.net/m0_59006402/article/details/132976360

版权

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=数组.length+1
 selectApplyList.value.pageSize= selectApplyList.value.current+size.value-1

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