<a-table :columns="columns" :dataSource="data" :rowSelection="rowSelection" :pagination="pagination">
     <a slot="action" href="javascript:;" rel="external nofollow" >查看</a>
     <img  style="width:20px;heigth:20px" slot="pic" slot-scope="text" :src=text />
  </a-table>

data () {
    let self = this
    return {
      collapsed: false,
      data,
      sels,
      columns,
      rowSelection,
      pagination: {
        pageNo: 1,
        pageSize: 20, // 默認每頁顯示數量
        showSizeChanger: true, // 顯示可改變每頁數量
        pageSizeOptions: ['10', '20', '50', '100'], // 每頁數量選項
        showTotal: total => `共 ${total} 條`, // 顯示總數
        onShowSizeChange: (current, pageSize) => this.onSizeChange(current, pageSize), // 改變每頁數量時更新顯示
        onChange:(page,pageSize)=>this.onPageChange(page,pageSize),//點擊頁碼事件
        total:0 //總條數
       }
    }
  },
methods: {
 	onPageChange(page, pageSize) {
      this.pagination.pageNo = page
       this.getList()
   },
   onSizeChange(current, pageSize) {
       this.pagination.pageNo = 1
       this.pagination.pageSize = pageSize
       this.getList()
   }
}

.then((response) => {
          this.data = response.data.items
          this.pagination.total=response.data.totalNum
          console.log(response)
        })

getList () {
      let filter= {xxx:this.queryParam.xxx,curPage:this.pagination.pageNo,pageSize:this.pagination.pageSize};// 請求參數
      console.log(filter) 
      this.getData(filter)
    },