一、命名路由
由于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')