封装分页组件
Fx_cap
前端
展开
-
封装分页组件
分页组件 知识点 attrs和props的区别 setup( props , { emit , attrs , slots } ){ //props 接受父组件的传值 // emit 给父组件派发事件 // attrs 接受父组件传值(除了props以外的属性) // slots 接受父组件的插槽内容 } 目的:封装一个统一的分页组件 实现业务 页面显示5一页 可以设置每页多少条,根据后端返回的总数据,可以渲染出总页数 点...原创 2021-09-05 09:22:57 · 402 阅读 · 0 评论 -
封装分页组件
目的:封装一个统一的分页组件 实现业务 页面显示5一页 可以设置每页多少条,根据后端返回的总数据,可以渲染出总页数 点击切换页码实现样式高亮,并调用接口获取当前页码的数据 点击上一页下一页按钮可以实现页码切换并调用接口切换当前页码的数据 当点击到第一页或者最后一页时候,上一页或下一页按钮被禁用 当当前页码大于3时,左侧显示... 当当前页码小于总页码-2时,右侧显示... 落地代码 基本结构和样式 <...原创 2021-09-04 21:46:47 · 138 阅读 · 0 评论