文档中有一个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

转载于:https://www.cnblogs.com/yangyi9343/p/9295293.html

GitHub 加速计划 / eleme / element
14
2
下载
A Vue.js 2.0 UI Toolkit for Web
最近提交(Master分支:2 个月前 )
c345bb45 1 年前
a07f3a59 * Update transition.md * Update table.md * Update transition.md * Update table.md * Update transition.md * Update table.md * Update table.md * Update transition.md * Update popover.md 1 年前
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐