antd vue2 的 table组件用方法在行内添加一个按钮来代替点击可展开的图标

antd vue2 的 table组件可以通过自定义列的方式，在行内添加一个按钮来代替点击可展开的图标。可以按照以下步骤实现：

1. 在表格中定义 `expandable` 属性，将其设置为一个对象，并定义 `expandIcon` 方法。

<template>
  <a-table :columns="columns" :data-source="data" :expandable="{ expandIcon: expandIcon }">
  </a-table>
</template>

<script>
export default {
  data() {
    return {
      columns: [ ... ],
      data: [ ... ]
    }
  },
  methods: {
    expandIcon({ expanded, onExpand }) {
      // 在此处定义展开行的按钮
    }
  }
}
</script>

2. 在 `expandIcon` 方法中定义展开行的按钮。该方法有一个参数，是一个对象，包含 `expanded` 属性表示当前行是否已展开，和 `onExpand` 方法表示切换展开状态的回调函数。

methods: {
  expandIcon({ expanded, onExpand }) {
    return (
      <a-button type="link" onClick={onExpand}>
        { expanded ? '收起' : '展开' }
      </a-button>
    )
  }
}

3. 在展开行的内容中添加需要展示的内容。

methods: {
  expandMethod(record, index, indent, expanded) {
    return (
      <div>
        <p>姓名：{record.name}</p>
        <p>年龄：{record.age}</p>
        <p>性别：{record.gender}</p>
      </div>
    )
  }
}

这样就可以使用 `expandIcon` 方法来定义展开行的按钮了。需要注意的是，展开行的内容仍然需要用 `expandMethod` 方法来定义。