VUE +Element-plus+leanCloud 分页逻辑
创始人
2025-01-07 03:03:21
0次

 思路:查看leanCloud文档去封装API接口,使用Element-plus分页组件完成页面渲染,通过页面调用接口实现分页

API

//查询获取生活馆的数据 // count=1开启计数功能 // limit 每页条数限制,skip划到多少条后开始显示, export const  findLiveAll= async(page=1,current=10)=>{     let pages=(page-1)*10     let res=await requests.get(`classes/live?limit=${current}&count=1&skip=${pages}`)     console.log("获取数据库中数据",res)     return res.data }

 

JS

 // 页面分页 //  总页数  const total =ref(1) //  当前页码 const currentPage = ref(1) // 每页多少条数据 const pageSize = ref(10) // 切换每页显示过少条数据 const pages=currentPage.value const handleSizeChange =async (current) => {   let data=await findLiveAll(currentPage.value,current)   lives.value=data.results  //从新渲染数据 } // 切换页方法,page为当前页 const handleCurrentChange = async(page) => {   console.log(`current page: ${page}`)   let data=await findLiveAll(page,pageSize.value)   lives.value=data.results //从新渲染数据  }

 telement

     

相关内容

热门资讯

菠萝智星德州详情!wepoke... 菠萝智星德州详情!wepoker是不是技术越好牌就越好(透视),原本真的是有透视软件主打赛后复盘的 ...
WePoKer有挂!微扑克发牌... WePoKer有挂!微扑克发牌真的很假(辅助),竟然是真的有辅助软件是一款可以让一直输的玩家,快速成...
红龙PoKer必备!wepok... 您好,wepoker开挂透视方法这款游戏可以开挂的,确实是有挂的,需要了解加微【136704302】...
德州扑克科普!德扑之星辅助下载... 您好,德扑之星辅助下载这款游戏可以开挂的,确实是有挂的,需要了解加微【485275054】很多玩家在...
aapoker总结!微扑克辅助... aapoker总结!微扑克辅助封号(辅助器),总是真的有辅助器安装是一款可以让一直输的玩家,快速成为...
微扑克普及!AlphaQ德州辅... 微扑克普及!AlphaQ德州辅助怎么样(辅助器),一向是真的有辅助器安装主打赛后复盘的 AI 游戏攻...
德州扑克必备!德州辅助app官... 您好,德州辅助app官方最新版本介绍大全这款游戏可以开挂的,确实是有挂的,需要了解加微【136704...
智星菠萝德州关于!德扑之星开挂... 智星菠萝德州关于!德扑之星开挂辅助器(辅助器),先前是有辅助器神器是一款可以让一直输的玩家,快速成为...
菠萝智星德州揭露!德扑之星系统... 您好:德扑之星系统规律这款游戏可以开挂的,确实是有挂的,很多玩家在这款游戏中打牌都会发现很多用户的牌...
WOK关于!wepoker辅助... WOK关于!wepoker辅助挂是什么(透视挂),原本是真的有透视挂软件AI 智能体黑科技再上新,自...