vue-router 设置路由在新窗口打开页面

一、<router-link>标签实现新窗口打开

<router-link target="_blank" tag="a" :to="{path:'/detail',query:{id:'1'}}">新页面打开detail页</router-link>

只有tag="a"模式下 target="_blank" 属性才会生效。

二、编程式导航

routeLink(){
     let routeUrl = this.$router.resolve({
          path: "/detail",
          query: {id:1}
     });
     window.open(routeUrl.href, '_blank');
}

三、直接使用a标签

<a href="http://localhost:8080/detail?id=1" target="_blank">新页面打开</a>
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容