vue路由跳转至新窗口

使用vue路由跳转至新窗口

一、命名路由

由于router-link会被渲染会a标签，所以在router-link标签中添加target=‘_blank’即可在新窗口打开页面。

<router-link to='/home' target='_blank'></router-link>

二、编程式导航跳转

使用路由对象的resolve方法可获取路由的href、location、route等信息，进而使用window.open()即可打开新的窗口

const {href} = this.$router.resolve(route)
window.open(href, '_blank')