elementui tablie添加点击事件

ElementUI 的 Table 组件支持多种事件，包括 `row-click`、`cell-click`、`sort-change` 等，你可以根据自己的需求选择合适的事件。

下面以 `row-click` 事件为例，演示如何为 Table 添加点击事件：

1. 在模板中添加 `@row-click` 属性，并指定一个事件处理函数：

<el-table :data="tableData" @row-click="handleRowClick">
  <!-- 表格列定义 -->
</el-table>

2. 在 Vue 组件中定义 `handleRowClick` 方法，并在方法中处理点击事件：

export default {
  data() {
    return {
      tableData: [
        { id: 1, name: '张三', age: 20 },
        { id: 2, name: '李四', age: 25 },
        { id: 3, name: '王五', age: 30 }
      ]
    };
  },
  methods: {
    handleRowClick(row, column, event) {
      console.log(`点击了第 ${row.id} 行`);
      console.log('行数据：', row);
      console.log('列数据：', column);
      console.log('原生事件：', event);
    }
  }
};

在上面的代码中，`handleRowClick` 方法接收三个参数：`row` 表示当前点击的行数据，`column` 表示当前点击的列数据，`event` 表示原生的点击事件对象。

在方法中，你可以根据需要处理点击事件，比如弹出一个模态框显示行数据详情等。