首页this.$router.push 打开新窗口

this.$router.push 打开新窗口

时间: 2024-03-12 07:42:26 浏览: 316

this.$router.push是Vue.js中的路由导航方法，用于进行页面跳转。它可以用来打开新窗口，需要在路由配置中进行相应的设置。要在新窗口中打开页面，可以通过在路由配置中设置target属性为"_blank"来实现。具体步骤如下： 1. 在Vue组件中使用this.$router.push方法进行路由跳转，例如： ``` this.$router.push({ path: '/newPage', target: '_blank' }); ``` 2. 在路由配置文件（通常是router/index.js）中，对应的路由配置项中添加target属性，例如： ``` { path: '/newPage', name: 'NewPage', component: NewPageComponent, meta: { target: '_blank' } } ``` 3. 在项目的路由配置文件中，添加全局的导航守卫（beforeEach），用于处理目标为"_blank"的路由跳转，例如： ``` router.beforeEach((to, from, next) => { if (to.meta.target === '_blank') { window.open(to.fullPath); next(false); } else { next(); } }); ``` 这样配置后，当使用this.$router.push方法进行路由跳转时，如果目标路由的meta中设置了target为"_blank"，则会在新窗口中打开对应的页面。

阅读全文