vue路由跳轉至新視窗

使用vue路由跳轉至新視窗

一、命名路由

由于

router-link

會被渲染會a标簽，是以在

router-link

标簽中添加

target=‘_blank’

即可在新視窗打開頁面。

二、程式設計式導航跳轉

使用路由對象的

resolve

方法可擷取路由的href、location、route等資訊，進而使用window.open()即可打開新的視窗

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