elementUI Table组件点击取当前行索引

在使用element UI Table组件时，需要点击取当前行索引，并删除当前行，看了element UI 文档好象没有这个的，仔细看下发现当前行索引是在scope里的$.index里。
element UI文档 ：https://www.uihtm.com/element/#/zh-CN/component/table

代码:

<el-table :data="tableData">
<el-table-column prop="HDBUReportSubCode" label="Product Name" width="180" fixed="left">
            <template slot-scope="scope">
             {{scope.row.name}} <i class="el-icon-delete" @click="delRow(scope.$index)"></i>
            </template>
            </el-table-column>
</el-table>


....
//这样就可以删除行数据
delRow(index)
        {
            this.tableData.splice(index,1);
        },
....