el-table cell-click使用

在使用 Element UI 中的 `el-table` 组件时，可以通过 `@cell-click` 事件来监听单元格的点击事件。该事件会返回点击单元格的行数据和列数据，可以在事件处理函数中进行相应的操作。

以下是一个示例代码：

<template>
  <div>
    <el-table :data="tableData" @cell-click="handleCellClick">
      <el-table-column prop="name" label="姓名"></el-table-column>
      <el-table-column prop="age" label="年龄"></el-table-column>
      <el-table-column prop="gender" label="性别"></el-table-column>
    </el-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 18, gender: '男' },
        { name: '李四', age: 22, gender: '女' },
        { name: '王五', age: 30, gender: '男' },
      ],
    };
  },
  methods: {
    handleCellClick(row, column) {
      console.log('row:', row);
      console.log('column:', column);
      // 在这里可以进行相应的操作
    },
  },
};
</script>

上述代码中，通过在 `el-table` 组件上绑定 `@cell-click` 事件，并在事件处理函数中接收参数 `row` 和 `column`，可以获取点击单元格所在的行数据和列数据，可以根据需要进行相应的操作。