admin管理员组

文章数量:1024749

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

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

本文标签： 跳转浏览器标签Vue

版权声明：本文标题：Vue 实现跳转浏览器新的标签页 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：http://it.en369.cn/jiaocheng/1743815743a2034589.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。