如何使用vue-router在新的标签页打开文章

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

按如上操作即可，如果是使用router-link 可以直接添加target属性

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

如何不生效，那么应该是版本过低导致。

此外，新标签页打开页面，显然利用不上单网页应用不刷新页面的优点，但得益于vue-router使用prefetch预加载脚本文件，即使跳转新窗口，仍旧会触发缓存。

标签：vue,routeData,标签,使用,router,页面
来源： https://blog.csdn.net/weixin_43459866/article/details/112094744