//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>

// 分页

    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)

            })

    },