VUE分页出现省略号

---

废话不多说直接上代码

 calcPageNum() {
      let pageTotal = Math.ceil(this.total / this.limit);  
      //获取最大页码数
      let cur = this.currentPage;
      //获取当前页码数
      if (pageTotal < 7) {
      //判断什么时候正常显示
        return Math.ceil(this.total / this.limit);
      } else {
      //出翔省略号
        if (cur < 4) {
        //判断当前的页码数是否小于4如果小于4 前四个正常显示，从第五个出现...
          return [1, 2, 3, 4, "...", pageTotal];
        } else if (cur > pageTotal - 4) {
        //判断是否在1后面出现...   
          return [
            1,
            "...",
            pageTotal - 4,
            pageTotal - 3,
            pageTotal - 2,
            pageTotal - 1,
            pageTotal,
          ];
        } else {
        //两种情况都不存在就说明当前点击的中间的
          return [1, "...", cur - 1, cur, cur + 1, "...", pageTotal];
        }
      }
    },

正常显示：

第一种情况：

第二种情况：

上述情况都不存在：