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>
 

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM