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-column prop="sign" label="簽約狀態"></el-table-column>
  <el-table-column prop="amount_1" label="收款總額"></el-table-column>
  <el-table-column prop="amount_2" label="退款總額"></el-table-column>
  <el-table-column prop="amount_3" label="代收總額"></el-table-column>
  <el-table-column prop="amount_4" label="保證金"></el-table-column>
  <el-table-column prop="date" label="簽約日期"></el-table-column>
  <el-table-column prop="status" label="狀態"></el-table-column>
</el-table>

該如何把一行數據的id放到@row-click裏面看成參數傳遞呢？

export default { data () { return { tableData: [ { id: '1', wName: 'xxx公衆號1', wID: 'zjfiawsf', seller: 'xxxxx公司xxxxx公司xxxxx公司', sign: '已簽約', amount_1: '14614.00', amount_2: '0.00', amount_3: '322.00', amount_4: '32122.00', date: '2019-08-09', status: '未凍結' }, { id: '2', wName: 'xxx公衆號2', wID: 'zjfiawsf', seller: 'xxxxx公司xxxxx公司xxxxx公司', sign: '已簽約', amount_1: '14614.00', amount_2: '0.00', amount_3: '322.00', amount_4: '32122.00', date: '2019-08-09', status: '未凍結' } ] } }, methods: { //打開詳情頁彈窗 openDetails(id) { console.log(id) }, } }

// 文檔中有：row-click 當某一行被點擊時會觸發該事件 三個參數：row, event, column methods: { //打開詳情頁彈窗 openDetails(row) { console.log(row.id); }, }

row-click返回了三個參數 row, event, column

row-click 當某一行被點擊時會觸發該事件 row, event, column
在做用域中沒有id這個變量，全部點擊行會報錯。
不該該傳遞參數，element自己對row-click這個事件自動注入了必要的參數(row, event, column)，若傳入的openDetails原理是註冊一個鉤子回調而已。