antd-vue table表格添加文字提示

<template>
  <a-table :columns="columns" :data-source="data">
    <span slot="name">
     表头名称
        <a-tooltip>
            <template slot="title">
                 <span>提示内容</span>
            </template>
            <icon type="question-circle"></icon>  // 鼠标滑到图标时显示提示文字
        </a-tooltip>
    </span>
  </a-table>
</template>
<script lang="ts">

const columns = [
  {
    // title: 'Name',
    dataIndex: 'name',
    slots: { title: "name" }
    key: 'name',
  },
const data = [];

export default {
  data() {
    return {
      data,
      columns,
    }
  }
}
</script>

重点在于

1、slot一定要对应

2、title一定要注释