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

     

相关内容

热门资讯

总算了解!!约局吧作必弊脚本,... 总算了解!!约局吧作必弊脚本,微乐游戏竞技团辅助(透视)确实真的有工具(哔哩哔哩)1、点击下载安装,...
不少玩家反映!智星菠萝辅助,微... 不少玩家反映!智星菠萝辅助,微乐老友广东辅助器(透视)好像是有方法(哔哩哔哩)1)微乐老友广东辅助器...
重大消息!约局吧如何查看是否有... 重大消息!约局吧如何查看是否有挂,微信微乐辅助器使用教程(透视)竟然有有插件(哔哩哔哩)1、点击下载...
推荐攻略!拱趴大菠萝怎么开挂,... 推荐攻略!拱趴大菠萝怎么开挂,微信微乐挂有没有(透视)本来是真的有app(哔哩哔哩)微信微乐挂有没有...
玩家必看科普!xpoker透视... 玩家必看科普!xpoker透视辅助,微乐自建房辅助软件如何下载(透视)切实是真的有技巧(哔哩哔哩)1...
玩家亲测!哈糖大菠萝怎么开挂,... 玩家亲测!哈糖大菠萝怎么开挂,微乐自建房插件详细教程(透视)好像真的有器(哔哩哔哩)1、操作简单,无...
盘点几款!哈糖大菠萝有挂吗5个... 盘点几款!哈糖大菠萝有挂吗5个常用方法,微乐陕西小程序破解器(透视)都是存在有软件(哔哩哔哩)1、金...
有玩家发现!竞技联盟破解版最新... 有玩家发现!竞技联盟破解版最新版,微乐家乡官方app下载(透视)总是存在有技巧(哔哩哔哩)1、实时微...
玩家必看教程!!we poke... 玩家必看教程!!we poker免费辅助器,微乐自建房黑科技辅助工具下载(透视)总是是有软件(哔哩哔...
专业讨论!!哈糖大菠萝有挂吗5... 专业讨论!!哈糖大菠萝有挂吗5个常用方法,微乐小程序免费黑科技下载方法(透视)一直真的是有脚本(哔哩...