Using the Element-UI table, click on a cell @cell-click=”” to get the id of that cell

The effect

code

<el-table :data="tableData" stripe style="width: 100%;" < span style="text-align:center;" > <template slot-scope="scope"> {{ scope.row.name }} </template> </el-table-column> </el-table>Copy the code

Code in data

TableData: [{id: 3333, name: 'college sports'}, {id: 37484, name:' Advanced Mathematics'}, {ID: 23478982374, name: 'data structure and algorithm'}, {id: 23478982374, name: 'data structure and algorithm'}, {id: 7732497, name: 'algorithm analysis'}]Copy the code

Method

Open (row, column, cell, event){this.$message({showClose: true, message: 'hello' + column. 'success' }); }Copy the code

A few points to note