项目中需要点击打开新页面另外展示数据，在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
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'current')"

这是一个 Vue.js 错误，报错信息提示在 v-on 处理程序中出现了错误：“TypeError: Cannot read properties of undefined(读取 'current')”。这意味示在您的代码中，试图读取一个未定义的变量 'current'。您需要检查您的代码，确保 'current' 已正确定义并初始化。...

avatar Vue