ant design vue實現分頁

如果我們是table分頁，需要設置一下這個屬性：

:pagination="false"

我們不用table自帶的分頁。

實現思路：

在data裏面定義

data() {

    return {

        total:0,

        pageIndex:1,

        pageSize:10

    }

}

分頁必要參數有：total（總數，需要後臺提供，再給你的list賦值的時候給total賦值即可）、pageSize（每頁顯示的條數）、pageIndex(當前頁碼)，

<a-pagination :pageSize='pageSize' v-model="pageIndex" @change="pageChange" :total="total" show-less-items />

在pageChange函數裏面，給當前頁賦值，並且去執行查詢列表函數

pageChange(current){

        this.pageIndex=current;

        this.getList();//給當前頁賦值之後，自然是要去查詢

}