Vue 实现跳转浏览器新的标签页

1:   一般单页面应用, vue 都是通过vue-router 来做跳转(this.$router.push, this.$router.replace),  不会像多个应用一样另起新的标签页面显示

    ( 注:不是打开浏览器页面)。 要想实现: 

let newpage = this.$router.resolve({ 
   name: 'messageInfo',
   query:{
      objectType:1,
      infoId:id
   }   
})  
window.open(newpage.href, '_blank');

2: 优点: 此方式, 可以把sessionStorage 中token 一起带过去。

      缺点是:在新标签和旧标签, 组件之间方法调用就会失效

3: 只要讲vue-router 和 window.open 结合就好了。 原理很简单: 获取到需要跳转的地址。 再把地址传递给 window.open。

   window.open 会新建窗口打开路由地址, 原页面的路由不做跳转。

猜你喜欢

转载自blog.csdn.net/weixin_45677987/article/details/114984831
今日推荐