给el-table-column添加指定列的点击事件

在Element UI的el-table-column中，你可以使用scoped slot来添加自定义模板，从而为列添加点击事件。以下是一个简单的例子，展示了如何为el-table-column添加点击事件：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180">
    </el-table-column>
    <el-table-column label="姓名" width="180">
      <template slot-scope="scope">
        <span @click="handleClick(scope.row)">{{ scope.row.name }}</span>
      </template>
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎', ... }, ...]
    }
  },
  methods: {
    handleClick(row) {
      console.log('Clicked on row:', row);
      // 执行其他逻辑
    }
  }
}
</script>

在这个例子中，我们为姓名列添加了一个span标签，并且通过@click绑定了handleClick方法。当用户点击该span标签时，会触发handleClick方法，并且你可以在该方法中执行你需要的逻辑。scope.row是当前行的数据对象，你可以在事件处理函数中使用这个对象。