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

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>
 

 

posted @ 2020-07-04 16:02  朝如青丝暮成秃  阅读(754)  评论(0)    收藏  举报