前言：
而今各位老铁们对“vue点击菜单跳转新开页面”大体比较关切，兄弟们都想要分析一些“vue点击菜单跳转新开页面”的相关文章。那么小编同时在网上网罗了一些对于“vue点击菜单跳转新开页面””的相关知识，希望咱们能喜欢，你们快快来了解一下吧！项目中需要点击打开新页面另外展示数据，在vue中如何进行的？目前我能解决的就是只有一种方案，网上说的方案没有一种成功，为何呢？最主要原因是，app中只能有路由跳转，不能再有其他内容时才会打开时是全新的一个页面，否则就会新开页面内容与APP中存在的内容相互渲染，导致页面错乱：如图
上图本意是打开新页面展示太阳系，但是实际上，头部，侧边栏内容是在app内的，导致了相互混乱。
APP.vue只有这样,只做路由跳转时，上面的画面才是正常：
<template> <div class="hello" > <route-view/> </div > </template>
然后使用网上说的方法：
1，let routeData = this.$router.resolve({ path:"/galaxy"})window.open(routeData.href,'_blank')2，<router-link tag="a" target="_blank" :to="{name:'detail',query:{goodsId:'1111'}}"> 热门好货</router-link>但是如果app.vue中：
<template> <div class="hello" > <div> 这是根页面，如果你这样设置我，新打开窗口时，这些文字也会出现的哦！ </div> <route-view/> </div > </template>
但是我想要的是，app.vue 有内容的同时，我又可以打开新的窗口，根页面内容不能出现，不知道还有没有其他方法实现，我目前没有实现办法，欢迎大神们提出解决办法,谢谢!
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
标签： #vue点击菜单跳转新开页面 #vue点击打开新页面 #vue跳转打开新窗口
