el-table-column可点击某行的数据

在 Element UI 的表格（el-table）中，可以使用 el-table-column 组件来定义表格列的展示方式，其中 el-table-column 组件支持设置 slot-scope 属性，用于自定义单元格的内容。如果需要点击某行数据触发事件，可以在 el-table 上绑定 row-click 事件，并在事件处理函数中使用 $emit() 方法触发自定义事件，并将当前行数据作为参数传递给事件回调函数。

以下是一个简单的示例代码：

<template>
  <el-table :data="tableData" @row-click="handleRowClick">
    <el-table-column label="姓名" prop="name"></el-table-column>
    <el-table-column label="年龄" prop="age"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button @click="handleButtonClick(scope.row)">点击</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { name: '张三', age: 20 },
        { name: '李四', age: 25 },
        { name: '王五', age: 30 }
      ]
    };
  },
  methods: {
    handleRowClick(row) {
      this.$emit('row-click', row);
    },
    handleButtonClick(row) {
      this.$emit('button-click', row);
    }
  }
};
</script>

在这个示例中，我们在 el-table 上绑定了 row-click 事件，并在事件处理函数 handleRowClick 中使用 $emit() 方法触发自定义事件 row-click，并将当前行数据作为参数传递给事件回调函数。同时，在 el-table-column 的模板中，我们使用了 slot-scope 属性来获取当前行数据，并在 el-button 上绑定了点击事件，当按钮被点击时，我们会触发自定义事件 button-click，并将当前行数据作为参数传递给事件回调函数。