<el-pagination
     layout="prev, pager, next"
     @current-change="changePageNum"
     :current-page="pageNum"
     :page-size="pageSize"
     :total="total">
</el-pagination>

data（）{
return{
   tableData: [],
        total: 0,//總數(shù)
        pageNum: 1,//當(dāng)前頁(yè)
        pageSize: 15,//每頁(yè)顯示數(shù)量
}
}
  mounted: function () {
      this.query();//加載頁(yè)面時(shí)，獲取數(shù)據(jù)
    },
    methods:{
       //切換頁(yè)碼
        changePageNum: function (val) {
        this.pageNum = val;
        this.query();
      },
      //通過(guò)接口，獲取數(shù)據(jù)
    query: function () {
        var data = {
          name: this.name || '',
          fleetId: this.FleetId,
          pageNum: this.pageNum,//當(dāng)前頁(yè)
          pageSize: this.pageSize//查詢個(gè)數(shù)
        };
        RoleManage.getRole(data)
        .then(res => {
          var data = res;
          if (res.success) {
            this.tableData = data.obj.list;
            this.total = data.obj.total;
            this.name ='';
          } else {
            this.$message('查詢失敗');
          }
        }).catch(err => {
          // 異常情況
          console.log(err);
        });
      },
   
      }

//調(diào)度-系統(tǒng)通訊錄分頁(yè)
        dispatchCourentPage: 1,
        //調(diào)度-系統(tǒng)通訊錄當(dāng)前選中標(biāo)簽標(biāo)記
        dispatchCourentIndex: 1,
        //調(diào)度-系統(tǒng)通訊錄更多標(biāo)記項(xiàng):組id
        dispatchMorecommandGroupId: '',
        dispatchTotlePage: 0,
//上頁(yè)
 handleLastPage() {
        if (this.dispatchCourentPage === 1) return;
        this.dispatchCourentPage -= 1;
        let index = this.dispatchCourentIndex;
        if (this.dispatchMorecommandGroupId != '') {
          this.queryBookMoreBygroupId(this.dispatchMorecommandGroupId);
        } else {
          this.queryBookmember(index);
        }
      },
//下頁(yè)
 handleNextPage() {
   if (this.dispatchCourentPage === this.dispatchTotlePage) return;
   this.dispatchCourentPage += 1;
   let index = this.dispatchCourentIndex;
   if (this.dispatchMorecommandGroupId != '') {
     this.queryBookMoreBygroupId(this.dispatchMorecommandGroupId);
   } else {
     this.queryBookmember(index);
   }

 }

computed: {
      limitData() {
        let data = [...this.table1Datas];
        return data;
      },
            // 因?yàn)橐獎(jiǎng)討B(tài)計(jì)算總頁(yè)數(shù)，所以還需要一個(gè)計(jì)算屬性來(lái)返回最終給 Table 的 data
      dataWithPage() {
        const data = this.limitData;
        const start = this.current * this.size - this.size;
        const end = start + this.size;
        return [...data].slice(start, end);
      },
  }

/**
   *根據(jù)數(shù)據(jù)條數(shù)與每頁(yè)多少條數(shù)據(jù)計(jì)算頁(yè)數(shù) 
   * totalnum 數(shù)據(jù)條數(shù)
   * limit 每頁(yè)多少條
  */
 pageCount(totalnum, limit) {
     return totalnum > 0 ? ((totalnum < limit) ? 1 : ((totalnum % limit)
        ? (parseInt(totalnum / limit) + 1)
         : (totalnum / limit))) : 0;
 },

/**
   * 分頁(yè)的總頁(yè)數(shù)算法
   * 總記錄數(shù)：totalRecord
   * 每頁(yè)最大記錄數(shù)：maxResult
 */
 function pageCount() {
     totalPage = (totalRecord + maxResult -1) / maxResult;
}

totalPage  = Math.floor((totalRecord  +maxResult -1) /maxResult );