SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

做分页时经常会遇到以下这样的需求,显示当前页的 开始条数 和 结尾条数

偷学:分页 - 换一种计算【开始条数】和【结尾条数】的写法 随笔 第1张

 

html 写法:

用 三元运算符 计算 开始条数,

定义个方法 pageNum 计算 结尾条数

偷学:分页 - 换一种计算【开始条数】和【结尾条数】的写法 随笔 第2张

 

方法:

偷学:分页 - 换一种计算【开始条数】和【结尾条数】的写法 随笔 第3张

 

pageNum () {
      if (this.totalPage > this.pageIndex) {
        return (this.pageIndex * 10)
      } else if (this.totalPage < this.pageIndex) {
        return 0
      } else if (this.totalPage === this.pageIndex) {
        return this.total
      } else {
        return this.total - this.pageIndex * 10
      }
    }

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄