什么年代了,还有人不会vue纯前段分页吗!!!!!

一般情况前端分页数据一般都会请求接口,都断返回相应的分页数据,有些情况,数据量不多的情况下,后端会返回全量数据,分页功能需要前段自己去代码实现~~~ 

难吗~~~

一点也不难~~~~

首先  这样  那样  再那样就好了

哈哈~~~  开个玩笑~~~~~~~~  接下来具体看看怎么实现的

第一步: 请求接口返回全量数据

第二部:

      pagination: {    // data里面的分页数据
        pageSize: 10,
        pageNum: 1,
        total: 0
      },

      sliceTableData () { // 截取当前页数据的方法
        // 开始页数
        const startPage = (this.pagination.pageNum - 1) * this.pagination.pageSize
        // 结束页数
        const endPage = this.pagination.pageNum * this.pagination.pageSize
        // 截取当前页面的数据
        this.tableData = this.allTableData.slice(startPage, endPage)
    },
    // 分页变化的方法
      onShowSizeChange (pageNum, pageSize) {
          this.pagination.pageNum = 1
          this.pagination.pageSize = pageSize
          this.sliceTableData()
    },

怎么样,简单吧   ~~~~~~~

赶紧动起来吧

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值