表格数据少的话 有时候会要求前端自行分页的
1.自己分装的 分页组件 或者直接用element上的也行
<Pagination v-show="tableData.length>0" :total="total" :page-sizes="[5, 10, 15, 20]" :page.sync="listQuery.page" :size.sync="listQuery.limit" @change="getLists" />
2.别忘记在data中定义
listQuery: { // Dang当前页 page: 1, // 每页多少条 limit: 10 },
3.实现分页
tableDataCurrent是表格的:data
row就是获取列表时传过来的数据
getList(row) { this.tableDataCurrent = row.slice((this.listQuery.page - 1) * this.listQuery.limit, this.listQuery.page * this.listQuery.limit) },
就可以啦