vue3 跳转打开一个新页面

在Vue3中，可以使用`<router-link>`组件来实现跳转并打开一个新页面。下面是一个示例：

<router-link to="/newpage" target="_blank">跳转到新页面</router-link>

在上面的示例中，`to`属性指定了要跳转的路径，`target="_blank"`属性表示在新窗口中打开页面。

需要注意的是，为了使用`<router-link>`组件，你需要先安装并配置Vue Router。确保已经正确安装Vue Router，并在Vue应用的入口文件中导入和使用它。

相关问题

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`对象。

vuerouter跳转打开新页面

在Vue Router中，可以使用`<router-link>`或`this.$router.push()`来进行页面跳转。

如果要在新页面打开链接，可以使用`<a>`标签，并将`target`属性设置为`"_blank"`。示例代码如下：

<template>
  <div>
    <a :href="externalLink" target="_blank">打开新页面</a>
  </div>
</template>

<script>
export default {
  data() {
    return {
      externalLink: 'https://www.example.com'
    }
  }
}
</script>

如果需要使用Vue Router进行跳转，在`this.$router.push()`中添加`{ target: '_blank' }`选项即可。示例代码如下：

this.$router.push({
  path: '/new-page',
  target: '_blank'
})