el-table-column如何获取行数据的值

在Element UI的el-table组件中，你可以通过el-table-column的slot-scope属性（在Vue 2.x中）或者#default插槽的scope属性（在Vue 3.x中）来获取当前行的数据。以下是如何实现这一功能的详细步骤：

1. ‌在el-table-column中定义点击事件处理器‌：
   你需要在el-table-column的模板中定义一个按钮，并为该按钮添加一个点击事件处理器。在Vue 2.x中，你可以使用slot-scope属性来访问当前行的数据；在Vue 3.x中，则使用#default插槽的scope属性。

2. ‌在事件处理器中通过参数获取当前行的数据对象‌：
   点击事件处理器会接收到一个参数（在Vue 2.x中是scope，在Vue 3.x中也是scope），该参数包含了当前行的数据。你可以通过scope.row来访问这些数据。

3. ‌使用获取到的当前行数据进行后续操作或展示‌：
   一旦你获取到了当前行的数据，就可以根据需要进行后续的操作或展示，比如删除、编辑当前行的数据等。

以下是一个基于Vue 2.x的示例代码：

如果你使用的是Vue 3.x，代码将略有不同，主要是将slot-scope替换为#default插槽的scope属性：

这两个示例都展示了如何在el-table-column中获取当前行的数据，并通过点击事件处理器进行后续操作。