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>