VueRouter 新标签打开页面

本文主要是介绍VueRouter 新标签打开页面，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

VueRouter 新标签打开页面

今天在做点击新标签打开页面的时候，因为业务需求的原因，这儿的触发区域使用 a 标签不合适，因此采用了下面的方式进行解决。

 const routerJump = this.$router.resolve({path: `/courses/${this.course.id}/`,query: {from_home: true,},})window.open(routerJump.href, '_blank')

原理是获取到需要跳转的地址，再把地址传递给window.open。
window.open 会新建窗口打开地址，原页面的路由不做跳转。

const resolved: {location: Location;route: Route;href: string;
} = router.resolve(location, current?, append?)

current 是当前默认的路由 (通常你不需要改变它)
append 允许你在 current 路由上附加路径 (如同 router-link)

这篇关于VueRouter 新标签打开页面的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---