vue简易列表分页
采用elementUI分页器实现1、在标签里<el-table ref="listAllData"v-loading="crud.loading":data="listAllData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"style="width: 100%;"></el-table>2、分页
·
采用elementUI分页器实现
1、在标签里
<el-table ref="listAllData"
v-loading="crud.loading"
:data="listAllData.slice((currentPage - 1) * pageSize, currentPage * pageSize)"
style="width: 100%;">
</el-table>
2、分页器
<!--分页组件-->
<div class="block">
<el-pagination
background
layout="total, prev, pager, next, jumper"
:total="total"
:page-size="pageSize"
:current-page="currentPage"
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
/>
</div>
3、data数据
listAllData: [],//列表数据
total: null, // 总页数
currentPage: 1, // 当前页码
pageSize: 2, // 每页显示的行数
更多推荐
已为社区贡献1条内容
所有评论(0)