在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