在vue+elementUI項目中使用分頁功能


 

 HTML:

<div class="mRttt">
        <!-- 分頁 -->
         <el-pagination
                 background                                                                //是否為分頁按鈕添加背景色
                 layout="prev, pager, next"                                          //組件布局,子組件名用逗號分隔
                 :total="total"                                                                //總條目數
                  :page-size="21"                                                        //element 是根據page-size 和 total 來顯示你有多少頁碼。如果不在此設置page-size,只在data中設置 pageSize不行的
                  @size-change="handleSizeChange"                      //pageSize 改變時會觸發
                  @current-change="handleCurrentChange"            //currentPage 改變時會觸發
                >
          </el-pagination>
</div>
JS:
data:

 

 methods:

 

 


免責聲明!

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



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