Nuxt：如何在新标签页中打开页面

Posted 2023-02-22

【中文标题】Nuxt：如何在新标签页中打开页面

【英文标题】：Nuxt: How to open page in a new tab

【发布时间】：2019-09-09 04:34:33

【问题描述】：

我浏览了 Nuxt 的文档，但找不到有关如何在新选项卡中打开页面的信息。有没有办法在新标签中打开链接而不是在当前标签中打开它？我尝试了以下代码：

<nuxt-link to="/user" target="_blank">User</nuxt-link>

但它不起作用。

【问题讨论】：

添加属性target="_blank"now works

【参考方案1】：

正如@anthonygore 在对第一篇文章的评论中指出的那样。 现在正在通过 NuxtLink 在新选项卡中打开链接，具有路由器名称/路径链接的所有功能

通过将 target="_blank" 添加到 NuxtLink/inside 来实现

<NuxtLink :to="..." target="_blank">Link</a>

或者只使用默认值

<a href="..." target="_blank">Link</a>

【参考方案2】：

vue-router 的重点是在单页应用程序中导航，因此据我所知，它没有办法导航到空白的新标签。幸运的是，有一个老式的东西叫做“html”，它有一个叫做锚标签的东西，你可以像这样使用它：

<a href="/user" target="_blank">User</a>

【讨论】：

爱你的愤世嫉俗