首页 > 其他 > 详细

element table 分页功能

时间:2021-06-21 20:14:42      阅读:11      评论:0      收藏:0      [点我收藏+]
:data="pointData.slice(
          (page1.currentPage - 1) * page1.pageSize,
          page1.currentPage * page1.pageSize
)"
<div class="block">
//分页的数据
  page1: {
          currentPage: 1,
          pageSize: 10
       },
       page2: {
          currentPage: 1,
          pageSize: 10
       },
 
<el-pagination
        :current-page.sync="page1.currentPage"
        :page-size="page1.pageSize"
        :page-sizes="[5, 10, 20, 30, 50]"
        layout="prev, pager, next,jumper,total,sizes"
        :total="pointData.length"
        @size-change="handleSizeChange1"
        @current-change="handleCurrentChangel1"
/>
</div>
 
//分页的方法
handleSizeChange1(val) {
      this.page1.pageSize = val
},、
handleCurrentChangel1(val) {
      this.page1.currentPage = val
},
getIndex1(index) {
      return index + 1 + (this.page1.currentPage - 1) * this.page1.pageSize
},
getIndex2(index) {
      return index + 1 + (this.page1.currentPage - 1) * this.page1.pageSize
},
 

 

element table 分页功能

原文:https://www.cnblogs.com/Wu-0622/p/14914887.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!