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

86e2b7400b4d482af9b2571841a1063c.png

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

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

然后使用网上说的方法:

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

但是如果app.vue中:

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

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

Logo

前往低代码交流专区

更多推荐