el-table 排序箭头点击旁边也触发

`el-table` 是 Element UI 中的一个表格组件，它提供了丰富的功能，包括排序、筛选和分页等。当用户点击列头的排序箭头时，通常会触发默认的排序操作。然而，如果你想让除了排序箭头外的其他区域（如文本部分）点击也能触发相同的排序效果，这需要自定义一些事件处理。

你可以通过监听 `@sort-change` 事件并在事件处理器中判断点击位置来实现这一需求。例如：

<template>
  <el-table :data="tableData" @sort-change="handleSortChange">
    <!-- ... -->
    <el-table-column
      prop="yourColumn"
      label="Your Column Name"
      align="center"
      @click="handleCustomClick"
    ></el-table-column>
    <!-- ... -->
  </el-table>
</template>

<script>
export default {
  methods: {
    handleSortChange({ column, order }) {
      // 正常的排序处理
    },
    
    handleCustomClick(event) {
      if (event.target.tagName.toLowerCase() === 'th') { // 检查是否点击的是表头单元格
        this.handleSortChange({
          column: event.currentTarget.dataset.field, // 获取列名
          order: event.type === 'click' ? 'asc' : 'desc', // 判断点击类型并设置排序方向
        });
      }
    },
  },
  data() {
    return {
      tableData: ..., // 表格数据
    };
  },
};
</script>

这里的关键是在 `handleCustomClick` 函数中检查点击元素，如果是表头单元格，则触发排序。