Naive UI 的表格分页怎么不生效？

百里梓豪提问于 2026-03-14 18:05:23 阅读 2

框架

我在用 Naive UI 的 NDataTable 组件，数据明明有几十条，但分页控件完全没反应，点下一页还是显示全部数据。我是不是哪里配错了？

我已经设置了 pagination 属性，也绑定了 page 和 pageSize，但好像没起作用。下面是我的代码：

const pagination = reactive({
  page: 1,
  pageSize: 10,
  showSizePicker: true,
  pageSizes: [10, 20, 50],
  onChange: (page) => {
    pagination.page = page
  },
  onUpdatePageSize: (pageSize) => {
    pagination.pageSize = pageSize
    pagination.page = 1
  }
})

模板里是这么写的：

<n-data-table
  :columns="columns"
  :data="tableData"
  :pagination="pagination"
/>

但表格还是把所有数据一次性渲染出来了，分页器虽然显示了，但点击无效。是不是还要手动切片数据？官方文档里好像没提这一步……

Naive UI

我来解答赞 1 收藏

反馈

暂无解答