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

，可以通过自定义表格的列模板来实现。

在bootstrap-vue中，可以使用<b-table>组件来展示数据表格。要显示重定向到链接的图标，可以使用<b-table>的<template>标签来自定义列模板。

首先，需要在表格的列定义中添加一个自定义列，用于显示链接图标。可以使用<b-table-column>组件的<template>标签来定义该列的模板。在模板中，可以使用<b-link>组件来创建链接，并使用<b-icon>组件来显示链接图标。

以下是一个示例代码：

<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>

在上述代码中，tableData是表格的数据源，tableFields定义了表格的列。在tableFields中，添加了一个自定义列link，并在模板中使用<b-link>和<b-icon>来创建链接图标。

这样，当表格渲染时，会根据tableData中的数据显示链接图标，并且点击图标可以重定向到相应的链接地址。

关于bootstrap-vue的更多信息和使用方法，可以参考腾讯云的相关产品和文档：