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

1:   一般单页面应用, vue 都是通过vue-router 来做跳转(this.$router.push, this.$router.replace&#xff0

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

发布者:admin,转转请注明出处:http://www.yc00.com/web/1743815743a4511859.html

相关推荐

发表回复

评论列表(0条)

  • 暂无评论

联系我们

400-800-8888

在线咨询: QQ交谈

邮件:admin@example.com

工作时间:周一至周五,9:30-18:30,节假日休息

关注微信