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