vue-router可以在新标签页中打开链接吗？

javascript vue.js vue-router

2022-08-30 02:32:39

我有一个摘要页面和一个详细信息子页面。所有路由都是使用（v 0.7.x）使用编程导航实现的，如下所示：vue-router

this.$router.go({ path: "/link/to/page" })

但是，当我从摘要页面路由到子页面时，我需要在新选项卡中打开子页面，就像添加标签一样。_target="blank"<a>

有没有办法做到这一点？

答案 1

我认为你可以做这样的事情：

let routeData = this.$router.resolve({name: 'routeName', query: {data: "someData"}});
window.open(routeData.href, '_blank');

它对我有用。

答案 2

现在看来，这在较新版本（Vue Router 3.0.1）中是可能的：

<router-link :to="{ name: 'fooRoute'}" target="_blank">
  Link Text
</router-link>