el-table绑定按钮

要在el-table中绑定按钮，可以使用el-table-column的slot-scope属性。该属性允许您访问表格行的数据和方法，并在列中插入自定义内容。

以下是一个示例，其中包含一个名为“操作”的列，其中包含编辑和删除按钮：

<el-table :data="tableData">
  <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="edit(scope.$index)">编辑</el-button>
      <el-button @click="remove(scope.$index)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的示例中，我们使用了slot-scope属性来访问表格行的数据和方法。我们将其命名为“scope”，并在列中插入两个按钮，分别绑定到edit和remove方法。这些方法可以在Vue实例中定义。

例如：

methods: {
  edit(index) {
    // 执行编辑操作
  },
  remove(index) {
    // 执行删除操作
  }
}

在这里，我们使用了index参数，该参数表示要编辑或删除的行的索引。您可以使用此参数来访问tableData数组中的数据。