vue打开新页面跳转的方法

要在 Vue 中打开一个新页面，你可以使用 `window.open` 方法。在 Vue 组件中可以这样写：

methods: {
  openNewPage() {
    window.open('/new-page', '_blank');
  }
}

这将在新标签页中打开 `new-page` 路径。你可以将路径替换为你实际想要打开的页面的路径。`_blank` 参数表示在新标签页中打开链接。

相关问题

vue 路由跳转打开新页面

在Vue.js中，如果你想要通过路由跳转并打开一个新的浏览器标签页（而不是当前已有的页面），你可以使用`this.$router.push`方法配合`target="_blank"`属性。例如：

// 在某个组件内的点击事件处理器
this.$router.push({
  path: 'your-desired-route',
  target: '_blank'
})

这行代码会导航到指定的路由，并且由于`target="_blank"`，会在用户的浏览器中打开一个新的窗口或标签页。

如果你想在全局设置这样的行为，可以在路由守卫（如全局前置守卫`beforeEach`) 中添加判断条件：

// router.js 或者相应的文件中
router.beforeEach((to, from, next) => {
  if (/* 某些条件 */) {
    next({ path: to.path, target: '_blank' })
  } else {
    next()
  }
})

这样，当你访问符合条件的路由时，都会在新的标签页中打开。

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'
})