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


1、分頁默認頁數

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

正確的代碼如下:

  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;

    注意:

    currentpage 屬性只能改變分頁顯示的當前頁碼。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM