vue 如何在新窗口打开页面

Vue是一个单页面应用(SPA)，有时候需求可能是要实现在我们的Vue项目页面中通过点击打开新页面，但路由通过正常的$router.push跳转并不会打开一个新页面。

常用的是 $router.push 和 $router.go 但是vue2.0以后，这种方式就不支持新窗口打开的属性。

在新窗口打开页面的二种方法：

第一种：<router-link>标签实现新窗口打开：

1 <router-link target="_blank" :to="{path:'/sharePage',params:{id:'6'}}">新页面打开sharePage页</router-link>
 
 
 

第二种：编程式导航： 使用$router.resolve    点击事件调用此方法就好

   //跳转新页面 运营报表
    const toShare = () => {
      let routeData = $router.resolve({
       name: 'SharePage',
      });
      window.open(routeData.href, '_blank');
  },