点击编辑显示ant design vue 的table中自定义的操作

根据代码片段中的信息，可以猜测是在一个使用 Ant Design Vue 组件库中的表格组件（Table）中添加了一个自定义的操作列（column），并使用了 `scopedSlots` 属性来指定了自定义的渲染函数。

在 Ant Design Vue 表格组件中，可以通过 `columns` 属性来定义表格的列。可以在 `columns` 数组中添加一个对象来定义一个列，这个对象中可以使用 `scopedSlots` 属性来指定一个名为 `customRender` 的自定义渲染函数。当表格渲染到这一列时，就会调用这个自定义渲染函数来渲染这一列的数据。

具体实现步骤如下：

1. 在 `columns` 数组中添加一个对象，用于定义一个自定义列。对象中需要包含以下信息：
- `title`：列的标题（显示在表头中）。
- `dataIndex`：列所对应的数据属性名。
- `scopedSlots`：自定义渲染函数的配置项。
2. 在 `scopedSlots` 属性中添加一个名为 `customRender` 的自定义渲染函数，用于渲染这一列的数据。
3. 在这个自定义渲染函数中，可以使用 Vue.js 的模板语法来定义渲染结果，例如 `<a @click="handleEdit(record)">编辑</a>`。

具体实现代码可以参考下面的示例：

<template>
  <a-table :columns="columns" :data-source="dataSource">
    <!-- 自定义操作列的渲染函数 -->
    <template #customRender="text, record, index">
      <a @click="handleEdit(record)">编辑</a>
    </template>
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      dataSource: [
        // 数据源
        { key: '1', name: 'John Brown', age: 32, address: 'New York No. 1 Lake Park' },
        { key: '2', name: 'Jim Green', age: 42, address: 'London No. 1 Lake Park' },
        { key: '3', name: 'Joe Black', age: 32, address: 'Sidney No. 1 Lake Park' },
      ],
      columns: [
        // 列定义
        { title: '姓名', dataIndex: 'name' },
        { title: '年龄', dataIndex: 'age' },
        { title: '地址', dataIndex: 'address' },
        {
          title: '操作', // 自定义列的标题
          dataIndex: 'operation', // 对应的数据属性名
          scopedSlots: { customRender: 'customRender' }, // 自定义渲染函数的配置
        },
      ],
    };
  },
  methods: {
    // 编辑操作
    handleEdit(record) {
      console.log('点击了编辑按钮，当前行数据为：', record);
    },
  },
};
</script>