elementui中的el-table 如何判断点击table的展开符

在Element UI中，`el-table`组件的展开行是由每个表格列的最后一项（通常是一个箭头图标）控制的。当用户点击这个展开符时，可以触发默认的行为，如显示或隐藏对应的行内容。如果你想自定义这种点击行为，你可以通过监听`expand-change`事件来实现。

首先，你需要在Vue实例中获取到`el-table`的引用，然后绑定`expand-change`事件处理器：

<template>
  <el-table ref="myTable" :data="tableData" @expand-change="handleExpandChange">
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    handleExpandChange(row) {
      // row.expanded是一个布尔值，true表示展开，false表示折叠
      if (row.expanded) {
        console.log('当前行已折叠');
      } else {
        console.log('当前行已展开');
      }
    },
  },
  data() {
    return {
      tableData: [
        { id: '1', name: 'Item 1', children: [{ id: '1-1' }] },
        { id: '2', name: 'Item 2' }
        // ...
      ],
    };
  },
};
</script>

在这个例子中，`handleExpandChange`函数会在每次展开或折叠行时被调用，你可以根据需要修改这里的逻辑，比如更新数据状态、操作DOM等。