vue-router跳转打开新页面

原创于 2020-09-18 17:53:13 发布 · 2.1k 阅读

CC 4.0 BY-SA版权

文章标签：

138 篇文章

订阅专栏

本文介绍了使用Vue.js框架中的vue-router进行页面跳转并实现在新窗口打开的方法。提供了两种方式：一是通过<router-link>标签设置target属性为_blank；二是利用js代码调用$router.resolve方法结合window.open实现。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、<vue-link>标签实现新窗口打开

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

2、js中

let routeUrl = this.$router.resolve({

     path: "/share",

     query: {id:96}

   });

   window.open(routeUrl.href, '_blank');