iView的page 組件

//html

<div class="pageNation">
  <Page :total= totalPages  :page-size= pageSize  size="small" @on-change="changeSize" v-model="page" show-total /> 
 // changeSize事件改變值page， 
 // show-total 展現總數   
 // show-elevator 跳到指定某一頁。
 // show-sizer 切換每頁的數量.
 //:current="2" 當前頁，支持 .sync 修飾符
 // simple 簡易模式。經過輸入頁碼回車切換，或使用鼠標點擊切換頁碼，或使用鍵盤的上下鍵來切換。簡潔分頁不能使用總數、電梯和切換數量。
</div>

api 

// 分頁
    changeSize(page){
        let _this = this;
        _this.page = page;        //  經過在data中設置變量也能夠拿到當前頁，並在全局使用
        _this.postRequest('', {
              pageNum: page,
              pageSize: 32
            }, function(data) {
              _this.totalPages = data.total
              _this.pageSize = data.pageSize
              _this.lists = data.datas
              console.log(_this.lists)
            })
    },