vue单页面项目在新窗口打开页面的方法

前段时间写了个vue项目，其中一个需求是在新窗口打开页面，在网上查了很多方法，有的是不可行，有的是比较麻烦，最后发现了一种比较简单的方法，就是通过router来实现。使用的知识点是：router+ resolve + window.open，具体是这样的：

let {href}= this.$router.resolve({
   path: "/addDeta",   // 这里写的是要跳转的路由地址
   query: {goodsId:'1111'}  // 这里写的是页面参数
});
window.open(href, '_blank');

这里有2点需要注意一下：

1、页面地址名 {href} 这里的大括号不能省略

2、里面的地址要使用 path ，不要使用name，因为使用name可能是直接跳转到根路由去了，这不是我们想要的新窗口页面地址

 

好了，就写到这吧，上面的亲测可用，如果大家有新办法可用留言交流一下。