DataGrid向单元格添加功能按钮

<template>
  <el-datagrid
    :data="tableData"
    :columns="tableColumns"
    row-key="id">
    <template v-slot:[`column-name`]="{ row }">
      <el-button @click="editItem(row.id)">编辑</el-button>
      <el-button @click="deleteItem(row.id)">删除</el-button>
    </template>
  </el-datagrid>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'John' },
        { id: 2, name: 'Mike' },
        // ...
      ],
      tableColumns: [
        { prop: 'id', label: 'ID' },
        { prop: 'name', label: '姓名' },
        { prop: 'actions', label: '操作', slot: 'name' },
      ],
    };
  },
  methods: {
    editItem(id) {
      // 实现编辑功能逻辑，比如打开编辑对话框
    },
    deleteItem(id) {
      // 实现删除功能逻辑，比如发送后端接口请求删除数据
    },
  },
};
</script>