关于element-UI中table表格的row-click事件的一个误区

在问题如何获取element-UI中table表格的row-click获取某一行的id的问题中，网上的很多回答，经过我的验证之后发现是错误的。

网上错误的方法如下所示

<el-table :data="tableData" style="width: 100%" @row-click="openDetails(id)">
  <el-table-column prop="wName" label="公众号名称"></el-table-column>
  <el-table-column prop="wID" label="公众号ID"></el-table-column>
  <el-table-column prop="seller" label="商家名称"></el-table-column>
</el-table>

export default {
    data () {
        return {
            tableData: [
                {
                    id: '1',
                    wName: 'xxx公众号1',
                    wID: 'zjfiawsf',
                    seller: 'xxxxx公司xxxxx公司xxxxx公司',
                },
                {
                id: '2',
                    wName: 'xxx公众号2',
                    wID: 'zjfiawsf',
                    seller: 'xxxxx公司xxxxx公司xxxxx公司',
                }
            ]
        }
    },
    methods: {
        //打开详情页弹窗
        openDetails(id) {
          console.log(id)
        },
    }
}

通过官网我们显而易见这种方法是不对

所以正确的方法如下：

 <el-table  @selection-change="handleSelectionChange" @row-click="handleUpdate" >
      <el-table-column  type="selection" width="55" align="center" />
      <el-table-column label="ID" align="center" prop="intID" v-if="false"/>
<el-table>

 handleUpdate(row) {
      console.log("获取数据",row.id)
  }