Javascript 尝试在单击时获取行数据

我试图在单击一行时从此表中获取行数据，特别是ID。我已经能够这样做了，因为我已将ID添加到行中，并利用

事件

以这种方式获取行数据。我的问题是，如果单击其中一个子（嵌套）行，我需要知道它们的ID（已经使用

event

）但是我还需要知道父行的ID。因此，例如，如果我单击Test 320行，子行ID是320，但我们如何也知道父行ID（2014-5）

我如何获取被单击的行ID:

this.rowId = event.target.parentNode.childNodes[1].innerHTML;

el表格有一个内置的。只需听一听行单击，然后对返回的项目执行一些操作

<template>
  <el-table
    :data="tableData"
    @row-click="handleRowClick" // this line
    class="padded-table" 
    height="600" 
    style="width: 100%" 
    row-key="id"
  >
  ...
  </el-table>
</template>

<script>
export default {
  ...
  methods: {
    handleRowClick(row) {
      console.log(row);
    }
  }
}
</script>

...
导出默认值{
...
方法：{
HandlerRowClick（行）{
控制台日志（行）；
}
}
}

正常显示HTML

this.rowId=event.target.closest（“任意”）.querySelector（“someSelector”）.textContent

是否确实需要从HTML获取数据？在vue.js中有更有效的方法。您能提供呈现表格的代码吗？是的，我将更新问题编辑：数据类型表格数据是代表表格中每一行的对象数组。此数组中的每个对象都可以有一个子数组，该数组是表示子行的对象数组。此数组使用的是元素ui

<template>
  <el-table
    :data="tableData"
    @row-click="handleRowClick" // this line
    class="padded-table" 
    height="600" 
    style="width: 100%" 
    row-key="id"
  >
  ...
  </el-table>
</template>

<script>
export default {
  ...
  methods: {
    handleRowClick(row) {
      console.log(row);
    }
  }
}
</script>