Naive UI数据表格分页pageCount配置没效果

吐槽:因为naive-ui是基于vue3,所以目前的组件资料是少之又少啊,虽然好用,但感觉没有特别的普及。

背景:记得1年前我第一次碰到了这个问题,在列表里使用:pagination分页,怎么都不显示页码(除了个第1页),当时好像搞了得有2小时才找到办法;然而!然而!!!!1年后的今天又让我遇到了这个问题,因为半年没敲vue3用naive-ui的缘故所以没想起来当时怎么解决的,就又浪费了我1小时的冥想时间........,以此为背景进而发帖,让搬运工们不再浪费摸鱼时间,得到解决!


重点(加上这个就好了):

html 复制代码
remote

数据列表分页全部代码:

html 复制代码
 <div class="content_table">
          <n-data-table 
            remote 
            :columns="columns" 
            :data="data" 
            :pagination="paginationRe" />
 </div>

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

有用直接点赞👍!!!

相关推荐
2501_915918416 小时前
Web 前端可视化开发工具对比 低代码平台、可视化搭建工具、前端可视化编辑器与在线可视化开发环境的实战分析
前端·低代码·ios·小程序·uni-app·编辑器·iphone
程序员的世界你不懂7 小时前
【Flask】测试平台开发,新增说明书编写和展示功能 第二十三篇
java·前端·数据库
索迪迈科技7 小时前
网络请求库——Axios库深度解析
前端·网络·vue.js·北京百思可瑞教育·百思可瑞教育
gnip7 小时前
JavaScript二叉树相关概念
前端
attitude.x8 小时前
PyTorch 动态图的灵活性与实用技巧
前端·人工智能·深度学习
β添砖java8 小时前
CSS3核心技术
前端·css·css3
空山新雨(大队长)8 小时前
HTML第八课:HTML4和HTML5的区别
前端·html·html5
猫头虎-前端技术9 小时前
浏览器兼容性问题全解:CSS 前缀、Grid/Flex 布局兼容方案与跨浏览器调试技巧
前端·css·node.js·bootstrap·ecmascript·css3·媒体
阿珊和她的猫9 小时前
探索 CSS 过渡:打造流畅网页交互体验
前端·css