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')

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM