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 会新建窗口打开路由地址, 原页面的路由不做跳转。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值