数据超过10条了，但是为啥没分页呢？

Answer 1

慕沐5292603 2023-03-12 18:29:00

当一次性获取全部数据时，table显示的数据也需要进行计算

1. <el-table

2.  :data="tableData.slice((currentPage - 1) * pagesize, currentPage * pagesize)"

• 河畔一角 #1

  你是不是弄错了，前端不需要计算，后端只需要返回每页的数据就行了，另外后端会返回总条数给前端。

Answer 2

河畔一角 2022-11-14 20:46:23

检查一下你的分页参数pageSize设置的是不是10

• 提问者 CSL369 #1

  我是从mock接口，取回来了18条数据，然后发现没有分页。
  <el-pagination 
          class="pagination"
          background 
          layout="prev, pager, next"
          :total="pager.total * 1" 
          :page-size="pager.pageSize"
          @current-change="handleCurrentChange"
        />
  const pager = reactive({
        pageNum:1,
        pageSize:10
      })

• 河畔一角 #2

  不是这样的，mock给你返回18条，他肯定会渲染18条，正常在公司里面的真实环境下，前端传10条，接口肯定会返回10条的，所以mock只是模拟数据用的。

• 提问者 CSL369 回复 河畔一角 #3

  老师。那意思就是换成真实数据的话，就没有问题了吗？

点开查看后面1条评论

Answer 3

河畔一角 2022-11-14 20:45:11

检查一下你的分页参数pageSize是不是设置的10