el-table行里嵌套按钮

el-table是Element UI中的一个表格组件，可以用于展示数据。如果要在el-table的行里嵌套按钮，可以通过自定义列的方式来实现。

首先，你需要在el-table的columns属性中定义一个自定义列，该列可以包含按钮组件。例如，你可以使用el-button组件作为按钮。

<el-table :data="tableData" border>
  <el-table-column prop="name" label="姓名"></el-table-column>
  <el-table-column prop="age" label="年龄"></el-table-column>
  <el-table-column label="操作">
    <template slot-scope="scope">
      <el-button type="primary" @click="handleClick(scope.row)">编辑</el-button>
      <el-button type="danger" @click="handleDelete(scope.row)">删除</el-button>
    </template>
  </el-table-column>
</el-table>

在上面的代码中，我们定义了一个自定义列，使用了slot-scope来获取当前行的数据。然后，在template标签中，我们可以使用el-button组件来创建按钮，并绑定对应的点击事件。

接下来，你需要在Vue实例中定义对应的方法来处理按钮的点击事件。

methods: {
  handleClick(row) {
    // 编辑按钮点击事件处理逻辑
    console.log('编辑', row);
  },
  handleDelete(row) {
    // 删除按钮点击事件处理逻辑
    console.log('删除', row);
  }
}

在上面的代码中，我们定义了handleClick和handleDelete两个方法来处理编辑和删除按钮的点击事件。你可以根据实际需求来编写对应的逻辑。

这样，当你在el-table的行里嵌套按钮后，点击按钮时就会触发对应的事件处理方法。