iview+vue 使用中遇到的問題(分頁)

一、分頁默認頁數iview

  當頁面只有一個功能須要分頁組件時,引用iview分頁組件固然沒問題。當一個頁面中有多個須要分頁組件的時候,便容易出現問題。例如:在項目中有多個不一樣的表格須要分頁功能,幾個表格共用一個分頁組件,當每一個頁面的頁碼數不一時候便會發現分頁組件表格內容與顯示頁數不一致。在iview的page中,有current屬性:this

正確的代碼以下:spa

  1.   在分頁組件中:
    <div class="page-button">
        <Page :total="this.count" :current.sync="currentpage"  show-total @on-page-size-change="pagesizechange" @on-change="pagechange" ></Page>
    </div>
  2.   在JS中聲明:
     currentpage: 1,
  3.        代碼中調用:
    this.currentpage = 1;

    注意:code

    currentpage 屬性只能改變分頁顯示的當前頁碼。
相關文章
相關標籤/搜索