Vue3 路由跳转打开新的页面

在 Vue3 中，可以使用 `router-link` 组件来实现路由跳转，如果需要在新的页面打开链接，可以添加 `target="_blank"` 属性，例如：

<router-link to="/new-page" target="_blank">打开新页面</router-link>

如果需要在 JS 中进行路由跳转，可以使用 `$router.push` 方法，并在路由配置中设置 `target: '_blank'`，例如：

// 在组件中
this.$router.push({ path: '/new-page' })

// 在路由配置中
{
  path: '/new-page',
  component: NewPageComponent,
  meta: {
    target: '_blank'
  }
}

这样就可以在新的页面打开链接了。

相关问题

vue3跳转路由打开新页面

在Vue3中，可以使用`<router-link>`标签来实现路由跳转，同时通过设置`target="_blank"`属性可以实现在新页面中打开链接。例如：

<router-link to="/newPage" target="_blank">打开新页面</router-link>

此外，还可以使用`$router.push`方法来进行编程式导航，并设置`target="_blank"`属性。例如：

this.$router.push({
  path: '/newPage',
  query: {
    param1: 'value1'
  },
  target: '_blank'
})

这样会在新页面中打开`/newPage`路径，并且可以将参数传递给新页面。注意，在使用编程式导航时，需要在Vue组件中引入`this.$router`对象。

vue跳转路由打开新网页

要在Vue中跳转到新页面，可以使用`window.open`方法。

首先，在Vue中导入`window`对象：

import { window } from 'browser-monads';

然后，在需要跳转的组件中，使用以下方式来调用`window.open`方法：

window.open('https://www.example.com', '_blank');

其中，第一个参数是要打开的网页的URL，第二个参数是打开方式，`_blank`表示在新标签页中打开。

记得在你的Vue项目中安装`browser-monads`依赖，可以通过以下命令进行安装：

npm install browser-monads --save

这样就可以实现在Vue中跳转到新页面了。