使 v-data-table 行在新选项卡中打开（vuetify）答案

【问题标题】：Make v-data-table rows opens in new tab (vuetify)使 v-data-table 行在新选项卡中打开（vuetify）
【发布时间】：2021-08-19 16:12:17
【问题描述】：

我目前正在使用 vuetify，我需要让每一行都充当a 标签并确保它在新标签中打开。

我的桌子是这样的：

<v-data-table
        :headers="headers"
        :items="campaigns"
        calculate-widths
        :loading="loading"
        :search="search"
        :items-per-page="15"
        @click:row="showCampaignReport"
      >
</v-data-table>

我现在正在使用@click:row="showCampaignReport"，它工作正常，但问题是浏览器上下文菜单的新选项卡中没有打开链接...

showCampaignReport(value) {
    this.$router.push({ path: `/campaigns/${value.hash}` });
},

【问题讨论】：

可以分享showCampaignReport函数吗？
如果您需要 open link in new tab 出现在上下文菜单中 - 您必须将每个表格单元格的内容包装在 A 标记内。
@IVOGELOV 是的，我知道我应该将它包装在标签中。但我不知道如何以有效的方式做到这一点
@scar-2018 我编辑了我的问题并添加了showCampaignReport的详细信息。

标签： vue.js vuetify.js

【解决方案1】：

抱歉回复晚了。该问题已经发布，您可以在here

中找到

【讨论】：

谢谢，我多年来一直在寻找它！你救了我！
:) 随时！谢谢