vue window.location.href打开新窗口_vue如何打开新窗口

项目中需要点击打开新页面另外展示数据,在vue中如何进行的?目前我能解决的就是只有一种方案,网上说的方案没有一种成功,为何呢?最主要原因是,app中只能有路由跳转,不能再有其他内容时才会打开时是全新的一个页面,否则就会新开页面内容与APP中存在的内容相互渲染,导致页面错乱:如图

ff6e16613bf1bcbb781c9a2591536d91.png

上图本意是打开新页面展示太阳系,但是实际上,头部,侧边栏内容是在app内的,导致了相互混乱。

APP.vue只有这样,只做路由跳转时,上面的画面才是正常:

然后使用网上说的方法:

1,let routeData = this.$router.resolve({  path:"/galaxy"})window.open(routeData.href,'_blank')2,  热门好货

但是如果app.vue中:

这是根页面,如果你这样设置我,新打开窗口时,这些文字也会出现的哦!

但是我想要的是,app.vue 有内容的同时,我又可以打开新的窗口,根页面内容不能出现,不知道还有没有其他方法实现,我目前没有实现办法,欢迎大神们提出解决办法,谢谢!

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

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值