el-table 点击按钮编辑整行数据

el-table 是 Element UI 中的一个表格组件，可以用于展示和编辑数据。要实现点击按钮编辑整行数据，可以按照以下步骤进行操作：

1. 首先，在 el-table 中添加一个列，用于显示编辑按钮。可以使用自定义列模板来实现按钮的显示，例如：

<el-table-column label="操作">
  <template slot-scope="scope">
    <el-button type="primary" @click="editRow(scope.row)">编辑</el-button>
  </template>
</el-table-column>

2. 在 el-table 所在的 Vue 实例中，定义一个方法 `editRow`，用于处理编辑按钮的点击事件。在该方法中，可以将当前行的数据传递给编辑对话框或表单组件，进行编辑操作。

3. 在编辑对话框或表单组件中，展示当前行的数据，并提供相应的输入框或其他表单元素，用于修改数据。

4. 当用户完成编辑后，可以通过提交按钮或其他方式触发保存操作。在保存操作中，可以获取到修改后的数据，并更新到原始数据中。

这样，当用户点击编辑按钮时，会触发相应的方法，打开编辑对话框或表单组件，并展示当前行的数据。用户可以在对话框或表单中修改数据，并保存修改后的数据。