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

Posted 2023-02-22

【中文标题】使 v-data-table 行在新选项卡中打开（vuetify）

【英文标题】：Make v-data-table rows opens in new tab (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的详细信息。

【参考方案1】：

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

中找到

【讨论】：

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

:) 随时！谢谢