1、分頁默認頁數
當頁面只有一個功能需要分頁組件時,引用iview分頁組件當然沒問題。當一個頁面中有多個需要分頁組件的時候,便容易出現問題。例如:在項目中有多個不同的表格需要分頁功能,幾個表格共用一個分頁組件,當每個頁面的頁碼數不一時候便會發現分頁組件表格內容與顯示頁數不一致。在iview的page中,有current屬性:
正確的代碼如下:
- 在分頁組件中:
<div class="page-button"> <Page :total="this.count" :current.sync="currentpage" show-total @on-page-size-change="pagesizechange" @on-change="pagechange" ></Page>
</div> - 在JS中聲明:
currentpage: 1,
- 代碼中調用:
this.currentpage = 1;
注意:
currentpage 屬性只能改變分頁顯示的當前頁碼。