table 下一级节点,el-table 树形表格 点击子节点输出该子节点的父节点数据

在 `el-table` 树形表格中，我们可以通过设置 `show-overflow-tooltip` 属性为 `false` 来显示所有的节点，然后可以通过监听 `row-click` 事件来获取点击的行数据，从而得到该子节点的父节点数据。

下面是一个示例代码：

<template>
  <div>
    <el-table-tree :data="tableData" :columns="columns" :indent-size="20" show-overflow-tooltip :expand-level="2" @row-click="handleRowClick"></el-table-tree>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          id: 1,
          name: 'Parent 1',
          children: [
            {
              id: 11,
              name: 'Child 1-1'
            },
            {
              id: 12,
              name: 'Child 1-2'
            }
          ]
        },
        {
          id: 2,
          name: 'Parent 2',
          children: [
            {
              id: 21,
              name: 'Child 2-1'
            },
            {
              id: 22,
              name: 'Child 2-2'
            }
          ]
        }
      ],
      columns: [
        {
          prop: 'name',
          label: 'Name'
        }
      ]
    }
  },
  methods: {
    handleRowClick(row) {
      // 判断是否是子节点
      if (row.level === 1) {
        // 获取父节点数据
        const parent = row.parent;
        console.log(parent)
      }
    }
  }
}
</script>

在上面的代码中，我们监听了 `row-click` 事件，当点击子节点时，会判断该节点的 `level` 是否为 1，如果是 1，说明该节点是子节点，然后通过 `parent` 属性获取其父节点数据。