显示重定向到链接的图标，而不是bootstrap-vue表中的数据值

<template>
  <div>
    <b-table :items="tableData" :fields="tableFields">
      <template v-slot:cell(link)="data">
        <b-link :href="data.item.link">
          <b-icon icon="link"></b-icon>
        </b-link>
      </template>
    </b-table>
  </div>
</template>

<script>
export default {
  data() {
    return {
      tableData: [
        { id: 1, name: 'Item 1', link: 'https://example.com' },
        { id: 2, name: 'Item 2', link: 'https://example.com' },
        { id: 3, name: 'Item 3', link: 'https://example.com' }
      ],
      tableFields: [
        { key: 'id', label: 'ID' },
        { key: 'name', label: 'Name' },
        { key: 'link', label: 'Link', sortable: false, thClass: 'text-center', tdClass: 'text-center', variant: 'dark' }
      ]
    };
  }
};
</script>