vue3+ts 实现移动端分页

current  开始页码        pageSize  结束页码   

const size=ref(10)   //一页显示十条
const eachCurrentPage=ref(1)  //默认是第一页



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

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

vue3+ts 实现移动端分页_第1张图片

你可能感兴趣的:(前端,javascript)