<el-pagination
layout="total, prev, pager, next"
:total="pagers.total"
:current-page="pagers.page"
:page-size="pagers.limit"
@current-change="handlePageChange"
:page-sizes="[1, 5, 10, 20]"
style="float: right; margin-top: 5px"
>
</el-pagination>
data(){
return {
tableData:[],
pagers: {
limit: 7,
page: 1,
total: 0,
},
}
}
handlePageChange(val) {
this.pagers.page = val;
},
表格数据:
this.tableData = this.data.splice((this.pagers.page - 1) * this.pagers.limit,this.pagers.page * this.pagers.limit )
相关文章
- 10-04前端工具函数,持续更新...
- 10-04前端面试刷题day4(每日更新前端面试高频考察点)
- 10-04前端的学习之路day4
- 10-04【百度前端学院 Day4】背景边框列表链接和更复杂的选择器
- 10-04前端应当了解的Web缓存知识
- 10-04前端组件库(Element UI)的实现原理:教你如何实现自定义组件库,并打包发布至npm
- 10-04使用SpringBoot+axios+hutool进行Excel的导出工作,并且在前端响应字符串的问题处理
- 10-04前端之vue轮播图效果-----引用Element走马灯效果
- 10-04后端开发二维码接口供前端调用
- 10-04springboot分页插件的使用