vue+element在table中填充button

在Vue.js和Element UI中，可以使用`<el-button>`组件来填充table中的button。以下是一个示例代码，将button放在table中的第一行第一列单元格内：

<template>
  <el-table :data="tableData">
    <el-table-column label="按钮">
      <template slot-scope="scope">
        <el-button type="primary" @click="handleClick(scope.row)">点击</el-button>
      </template>
    </el-table-column>
    <el-table-column prop="name" label="姓名"></el-table-column>
    <el-table-column prop="age" label="年龄"></el-table-column>
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        {
          name: '张三',
          age: 18
        },
        {
          name: '李四',
          age: 20
        }
      ]
    }
  },
  methods: {
    handleClick(row) {
      // 处理点击事件
    }
  }
}
</script>

在这个例子中，我们使用了Element UI的`<el-table>`和`<el-table-column>`组件来创建表格，并使用了`<template>`标签和`slot-scope`来嵌入按钮组件`<el-button>`。在按钮上绑定了一个点击事件`handleClick`，可以在方法中处理点击事件。同时，我们还使用了Vue.js的数据绑定功能来填充表格数据。

你可以根据需要修改按钮的样式和事件处理逻辑。