element-ui 點擊行如何獲取table的行索引


文檔中有一個tableRowClassName方法,可以獲取到當前行的index,
tableRowClassName ({row, rowIndex}) {
      //把每一行的索引放進row
      row.index = rowIndex;
    } 

例子:

表頭:

1 <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading..."  border fit
2                   :row-class-name="tableRowClassName" 3 @row-click = "onRowClick"
4                   highlight-current-row style="width: 100%">
5                 <el-table-column align="center" prop="passtime" label="Time" width="180">

js:

 1 tableRowClassName ({row, rowIndex}) {
 2       //把每一行的索引放進row
 3       row.index = rowIndex;  4     },
 5     onRowClick (row, event, column) {
 6       //行點擊消除new標記
 7       var index = row.index;  8       var deleteIndex = Array.indexOf(this.showIndexArr, index);
 9       if (deleteIndex != -1) {
10         this.showIndexArr.splice(deleteIndex,1);  
11       }
12     }

以上。

參考:https://segmentfault.com/q/1010000007849369


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM