vue2 新窗口打开vue

你可以使用 Vue Router 来实现在 Vue 中打开新窗口。下面是一个例子：

1. 首先，确保你已经安装了 Vue Router。你可以使用以下命令进行安装：

npm install vue-router

2. 在你的 Vue 项目中创建一个新的路由页面（例如，NewWindow.vue）。

3. 在路由配置文件（通常是 router/index.js）中导入并配置新的路由页面。确保将路由添加到 `routes` 数组中，并为其指定一个唯一的路径。

import Vue from 'vue'
import Router from 'vue-router'
import NewWindow from '@/views/NewWindow.vue'

Vue.use(Router)

export default new Router({
  routes: [
    {
      path: '/new-window',
      name: 'NewWindow',
      component: NewWindow
    }
  ]
})

4. 在你的组件中，使用 `<router-link>` 组件来创建一个链接，该链接将打开新窗口。将 `target` 属性设置为 `_blank`，并将 `to` 属性设置为新路由的路径。

<template>
  <div>
    <router-link :to="{ name: 'NewWindow' }" target="_blank">打开新窗口</router-link>
  </div>
</template>

这样，当用户点击链接时，Vue 将会在新窗口中打开指定的路由页面。

请注意，这种方法可能会受到浏览器的弹出窗口阻止设置的影响。某些浏览器可能会阻止弹出新窗口，除非是作为用户的直接操作。