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)
            })
    },