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
  }
})

有用直接点赞👍!!!

相关推荐
用户11481867894841 分钟前
基于 Webpack Module Federation 的 Vue 微前端实践
前端
怪可爱的地球人2 分钟前
Pinia状态管理有哪些常用API?
前端
小高0073 分钟前
🤔函数柯里化:化繁为简的艺术与实践
前端·javascript·面试
却尘5 分钟前
React useMemo 依赖陷阱:组件重挂载,状态无限复原
前端·javascript·react.js
Asort9 分钟前
JavaScript 从零开始(三):浏览器控制台与VS Code协同工作环境搭建详解
前端·javascript
跟橙姐学代码10 分钟前
自动化邮件发送的终极秘籍:Python库smtplib与email的完整玩法
前端·python·ipython
我是ed34 分钟前
# vue3 实现甘特图
前端
m0_616188491 小时前
el-table的隔行变色不影响row-class-name的背景色
前端·javascript·vue.js
zheshiyangyang1 小时前
Vue3组件数据双向绑定
前端·javascript·vue.js
xw51 小时前
uni-app项目支付宝端Input不受控
前端·uni-app·支付宝