vue 页面跳转时怎么打开一个 没有导航的新页面

在 Vue 中打开一个没有导航的新页面，可以使用 JavaScript 的 window.open() 方法。具体可以在你的 Vue 组件中的方法中使用以下代码：

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

其中第一个参数为要打开的页面的 URL，第二个参数为打开方式，'_blank' 表示在新窗口中打开页面。请确保 URL 是一个合法的地址。

相关问题

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` 组件配合 Vue Router 实现。Vue Router 是用于管理单页面应用（SPA）路由的库。

首先，你需要安装 Vue Router 并配置好路由：

npm install vue-router

然后，在组件模板中，例如 `<template>` 部分，添加一个 `router-link`：

<router-link :to="{ path: '/target-url', name: 'yourRouteName' }" target="_blank">点击跳转</router-link>

在这里，`path` 指定你要导航到的 URL 路径，`name` 是路由配置里的名称，这样你在 router.js 中可以方便地引用它。`target="_blank"` 参数表示在新标签页中打开链接。

如果你使用的是 Vue Router 的组件模式，可以在父组件里设置动态路径：

<a @click="navigateToNewTab('/new-page')">点击跳转</a>

<script setup>
import { useRouter } from 'vue-router'

const navigateToNewTab = (url) => {
  const router = useRouter()
  router.push({ path: url, target: '_blank' })
}
</script>