vue（el-table-column） 点击某一行的按钮，获取当前行的数据

在Vue中，你可以使用el-table-column的template或scoped-slot来定义按钮，并在按钮的点击事件中通过row参数获取当前行的数据。以下是一个简单的例子：

<template>
  <el-table :data="tableData" style="width: 100%">
    <el-table-column prop="date" label="日期" width="180"></el-table-column>
    <el-table-column prop="name" label="姓名" width="180"></el-table-column>
    <el-table-column label="操作">
      <template slot-scope="scope">
        <el-button size="small" @click="handleClick(scope.row)">点击我</el-button>
      </template>
    </el-table-column>
  </el-table>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{ date: '2016-05-02', name: '王小虎' }, { date: '2016-05-04', name: '张小刚' }]
    }
  },
  methods: {
    handleClick(row) {
      console.log(row); // 这里可以获取到当前行的数据
    }
  }
}
</script>

在这个例子中，每行最后一列有一个按钮，点击这个按钮时，会触发handleClick方法，并将当前行的数据作为参数传递进去。在handleClick方法中，你可以通过row参数获取到当前行的数据，并根据需要进行处理。