vue实现跳转新的标签页

一般单页面应用，例如vue都是通过vue-router来做跳转，不会像多页应用一样另起新页面显示，但是也不排除一些业务上的需要。

一般情况下单页面应用的路由跳转我们都是通过简单的一句话搞定：

this.$router.push({name: 'abc'})

vue router是为单页面应用设计的，不管是push,replace都是在一个tab页面内进行的。所以，没有直接打开一个新页面的配置。

        const { href } = this.$router.resolve({
          name: 'abc'
        })
        window.open(href, '_blank', 'toolbar=yes, width=1300, height=900')

只要将vue-router和windwow.open结合就好了。原理很简单，获取到需要跳转的地址，再把地址传递给window.open。

window.open会新建窗口打开路由地址，原页面的路由不做跳转。

还可以在window内做一些控制，比如窗口大小是否显示工具栏之类的设置。