前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >element-ui表格翻页的序号递增

element-ui表格翻页的序号递增

作者头像
〆 千寻、
发布2020-03-11 18:24:51
1.5K0
发布2020-03-11 18:24:51
举报
文章被收录于专栏:技术分享文章

html:

代码语言:javascript
复制
method:{
indexMethod (index) {
  let curpage = this.page.pagination.pageData.page   //单前页码,具体看组件取值
  let limitpage = this.page.pagination.pageData.limit    //每页条数,具体是组件取值
  return (index+1) + (curpage-1)*limitpage
}
}

也可以这样

代码语言:javascript
复制
<el-table>
<el-table-column type='index' 
:index='(index)=>{return (index+1) + (page.pagination.pageData.page-1)*page.pagination.pageData.limit  }' >
</el-table-column>
</el-table>

我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1uvaer0usuq9w

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2020年1月14日1,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档