限制element-ui 表格显示行数

在使用element-ui的table过程中,如何限制表格的显示行?

限制element-ui 表格显示行数

文章图片
解决办法:
< el-table :data="http://www.srcmini.com/tableData.slice((currentPage-1)*pagesize,currentPage*pagesize)" style="width: 100%" > < el-table-column prop="date" label="日期" width="180"> < /el-table-column> < el-table-column prop="name" label="姓名" width="180"> < /el-table-column> < el-table-column prop="address" label="地址"> < /el-table-column> < /el-table>data() { return { pagesize: 5, currentPage:1, } })

使用slice()方法,slice() 方法可从已有的数组中返回选定的元素。返回的数据是数组。
tableData是数据组,
Pagesize是限制每页的行数,
currentPage是第几页数
【限制element-ui 表格显示行数】vue.js实现分页查询

    推荐阅读