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

时间:2019-04-18 19:43:48

标签: vue-router nuxt.js

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

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

但这不起作用。

3 个答案:

答案 0 :(得分:5)

vue-router的全部要点是在单个页面应用程序中导航,因此据我所知,它没有导航到空白新选项卡的方法。幸运的是,有一个叫做'html'的老式东西,它带有一个叫做anchor tag的东西,您可以像这样使用它:

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

答案 1 :(得分:2)

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

通过添加来实现

target="_blank"

到/在 NuxtLink 内部

答案 2 :(得分:0)

只需为onClick编写以下代码

let win = window.open(url, '_blank');
win.focus();