在使用element-ui的table过程中,如何限制表格的显示行?
文章图片
解决办法:
<
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实现分页查询
推荐阅读
- 如何使用v-for循环图片路径
- vue.js实现分页查询
- vue.js的组件和模板
- C语言简明教程(六)(字符串、常量和格式化输入输出实例详解)
- C语言遍历数组的两种方式
- 巫师故事3(狂猎的背后故事)
- 英雄传说(北美公布冷钢之路IV)
- 游戏评测(排他性的重要性正在下降)
- 索尼与Crunchyroll的交易据报道很快就以10亿美元的价格成交