Javascript 如何将超链接添加到我的v-data-table组件&x27；谁的申请栏？

数据表是从数据库加载的，我在那里有链接，还有应用程序的名称。我不想显示链接，当我点击应用程序名称时，它应该会打开匹配的链接

    headers: [
      {
        text: 'Name',
        left: true,
        value: 'CustomerFullName',
      },
      { text: 'Application Name', value: 'ApplicationName' },
      { text: 'Country', value: 'CustomerCountryCode' },
      { text: 'Email Adress', value: 'CustomerEmailAddress' },
      { text: 'Status', value: 'NewStatus'},
      { text: 'CB Status', value: 'CBStatusID' },
      { text: 'Trial ending', value: 'FormattedTrialEndsAt' },
      { text: 'Next billing at', value: 'FormattedCBNextBillingAt'},
      { text: 'User Limit', value: 'UserLimit' },
      { text: 'QuickBooks', value: 'QBEnabled' },
      { text: 'Wizard', value: 'NewWizardStatus'}
    ],



    <td v-for="(header, index) in headers" :key="index"
        :class="[ index === 0? 'text-xs-left': 'text-xs-center', 'body-2', 'ma-0', 'pa-0', 'pl-2']" v-if="header.value!==''">
      {{renderData(props.item, header)}}
    </td>

标题：[
{
文本：“名称”，
左：对，
值：“CustomerFullName”，
},
{text:'Application Name'，value:'ApplicationName'}，
{文本：'Country'，值：'CustomerCountryCode'}，
{文本：'Email address'，值：'CustomerEmailAddress'}，
{text:'Status'，value:'NewStatus'}，
{文本：'CB Status'，值：'CBStatusID'}，
{文本：'Trial ending'，值：'FormattedTrialEnablenSat'}，
{text:'Next billing at'，value:'FormattedCBNextBillingAt'}，
{text:'User Limit'，value:'UserLimit'}，
{文本：'QuickBooks'，值：'QBEnabled'}，
{文本：'Wizard'，值：'NewWizardStatus'}
],
{{renderData（props.item，header）}

---

假设header对象具有link属性。

您可以传递特定header名称（列名）的模板标记

它还没有，但即使有，我也必须以某种方式将数据传递给它。更重要的是，我只想在一个特定的列链接，而不是在所有。你能更具体地在这一个吗？这个东西是从哪里来的？谢谢

<v-data-table
          :headers="headers"
          class="elevation-1">
  <template v-slot:item.data.dataName="{ item }">
    <a :href="'mydata/'+ item.data.dataId" target="_blank">
      {{ item.data.dataName }}
    </a>
  </template>
</v-data-table>