如何使用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-router在新的标签页打开文章

上一篇:ASP.Net Core 5.0 MVC中AOP思想的体现(五种过滤器)并结合项目案例说明过滤器的用法


下一篇:Tomcat远程调试