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

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

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

------------------------------------------------------

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

remote

数据列表分页全部代码:

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

有用直接点赞👍!!!

  • 6
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值