码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2020-07-04 16:58:14      阅读:113      评论:0      收藏:0      [点我收藏+]

标签:def   递增   ret   type   pre   序号   sign   method   取值   

1.写在方法体里面

表格上

<el-table-column  label="序号" type="index" :index=‘indexMethod‘ width="80" align="center"></el-table-column>

定义的分页

const defaultListQuery = {
    pageNum: 1,
    pageSize: 10
  };

data属性

data() {
      return {
        listQuery: Object.assign({}, defaultListQuery),
      }
    },
indexMethod 方法
methods: {
indexMethod (index) {
        let curpage = this.listQuery.pageNum   //单前页码,具体看组件取值
        let limitpage = this.listQuery.pageSize    //每页条数,具体是组件取值
        return (index+1) + (curpage-1)*limitpage
      }
}

2.直接写dom里

<el-table-column  label="序号" type="index" :index=‘(index)=>{return (index+1) + (listQuery.pageNum-1)*listQuery.pageSize }‘></el-table-column>
 

 

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

标签:def   递增   ret   type   pre   序号   sign   method   取值   

原文地址:https://www.cnblogs.com/gnh96/p/13235209.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!