效果图
data中定义:
代码:
<el-table
ref="myTable"
v-loading="crud.loading"
:row-key="getRowKey"
:header-cell-style="{ color: '#FFF', background: '#333' }"
:cell-style="{ color: '#FFF', background: '#333' }"
:data="
crud.data.slice((currentPage - 1) * pageSize, currentPage * pageSize)
"
style="width: 100%"
@selection-change="selectionChange"
:default-sort="{ prop: 'posName', order: '' }"
@sort-change="sortChange"
>
<el-pagination
@size-change="handleSizeChange"
@current-change="handleCurrentChange"
:current-page.sync="currentPage"
:page-size="pageSize"
layout="total, prev, pager, next,sizes"
:total="crud.data.length"
>
</el-pagination>
`data中定义:
currentPage: 1, //当前页
pageSize: 10, //每页显示条数
方法代码
handleSizeChange(pageSize) {
this.pageSize = pageSize;
},
// 页码改变切换
handleCurrentChange(currentPage) {
this.currentPage = currentPage;
},
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/79316.html
