当前位置: 首页 > news >正文

关于iview组件中使用 table , 绑定序号分页后序号从1开始的解决方案

问题描述:iview使用table 中type: "index",分页之后 ,索引还是从1开始,试过绑定后台返回数据的id, 这种方法可行,就是后台返回数据的每个页面id都不完全是按照从1开始的升序,因此百度了下,找到了解决方法。

使用render:

{type: 'index2',width: 60,align: 'center',render: (h, params) => {return h('span', params.index + (this.page- 1) * this.pageSize + 1);}
}

或参考

         columns: [{title: '序号',width: 70,align: 'center',render: (h,params) => {return h('span',params.index + (this.currentPage-1)*this.pageNum + 1 )}}


喜欢的朋友记得点赞、收藏、关注哦!!!

http://www.lqws.cn/news/177535.html

相关文章:

  • excel数据对比找不同:6种方法核对两列数据差异
  • 天机学堂(学习计划和进度)
  • 内容力重塑品牌增长:开源AI大模型驱动下的智能名片与S2B2C商城赋能抖音生态种草范式
  • ESP8266(NodeMcu)+GPS模块+TFT屏幕实现GPS码表
  • 【PhysUnits】16.1 完善Var 结构体及其运算(variable.rs)
  • 多种风格导航菜单 HTML 实现(附源码)
  • 32单片机——基本定时器
  • 基于springboot的校园社团信息系统的设计与实现
  • 【案例分享】如何借助JS UI组件库DHTMLX Suite构建高效物联网IIoT平台
  • golang入门
  • 前端中slice和splic的区别
  • # 从底层架构到应用实践:为何部分大模型在越狱攻击下失守?
  • 2025/6/4—halcon算子及知识点总结
  • 【前端】每日一道面试题6:解释Promise.any和Promise.allSettled的使用场景及区别。
  • Linux-http协议
  • 全新Xsens Animate版本是迄今为止最大的软件升级,提供更清晰的数据、快捷的工作流程以及从录制开始就更直观的体验
  • 免费 + 通用 + 高效!UniHarp数据采集软件上线了!
  • F5 GSLB 最佳实践:如何手动将Wide IP 故障转移到另一个数据中心
  • 【八股消消乐】MySQL参数优化大汇总
  • Linux top 命令 的使用总结
  • ngx_stream_access_module基于 IP 的流式访问控制实践指南
  • spring:实例化类过程中方法执行顺序。
  • 【idea】分享一个关于Maven依赖管理好用的插件
  • Caliper 负载(Workload)详细解析
  • 动手学深度学习12.7. 参数服务器-笔记练习(PyTorch)
  • 进程的详解,命令行参数,程序的地址空间(Linux)
  • 服务器数据恢复—服务器raid5阵列崩溃如何恢复数据?
  • 飞牛使用Docker部署Tailscale 内网穿透教程
  • Linux命令基础(2)
  • 构建 MCP 服务器:第 4 部分 — 创建工具