html结构
 <Page  :total="drawLogTotal"  :current="drawLogListQuery.page"
                  show-total show-sizer :page-size="drawLogListQuery.limit" @on-change="drawLogPageChange"
                  @on-page-size-change="handleSizeChange"></Page>

data定义

 drawLogListQuery: {
        page: 1,
        limit: 10
      },
      drawLogTotal:0,

methods里面方法

  drawLogPageChange(page){
    this.drawLogListQuery.page =page
    this.drawLogListFn(this.packageMaterialId) //列表
  },

  handleSizeChange (limit) {
      this.drawLogListQuery.limit=limit
      this.drawLogListFn(this.packageMaterialId)//列表
  },

//列表
  drawLogListFn(id){
      this.detailLoading = true
      this.drawLogdVisible = true
      let params={
        limit:this.drawLogListQuery.limit,
        page:this.drawLogListQuery.page,
        packageMaterialId:id
      }
      packageMaterialTakeRecordPage(params).then(res => {
        this.drawLogList = res.data.rows
        this.drawLogTotal = res.data.total
      })
    },