股墓山庄

专注于AS3,JavaScript 每天一点进步,坚持...
  博客园  :: 首页  :: 新随笔  :: 联系 :: 管理

element-ui 点击获取table的行索引

Posted on 2018-12-21 19:57  股墓山庄庄主  阅读(4019)  评论(0编辑  收藏  举报
 <el-table :data="list" v-loading.body="listLoading" element-loading-text="Loading..."  border fit
                  :row-class-name="tableRowClassName"
                 @row-click = "onRowClick"
                  highlight-current-row style="width: 100%">
                <el-table-column align="center" prop="passtime" label="Time" width="180">

 

tableRowClassName ({row, rowIndex}) {
//把每一行的索引放进row
row.index = rowIndex;
},
onRowClick (row, event, column) {
//行点击消除new标记
var index = row.index;
var deleteIndex = Array.indexOf(this.showIndexArr, index);
if (deleteIndex != -1) {
this.showIndexArr.splice(deleteIndex,1);
}
}

 

找资料找到的别人提供的方法,记录一下