vue路由在浏览器重新打开一个页面

最新推荐文章于 2024-08-17 02:46:32 发布

Mars空港

最新推荐文章于 2024-08-17 02:46:32 发布

阅读量616

点赞数 3

文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/weixin_45884508/article/details/136322732

版权

本文介绍了在Vue应用中如何通过`this.$router`访问路由管理器，使用`router.resolve`方法解析路由并获取完整URL，然后通过`window.open`打开新标签页并聚焦的步骤。

摘要由CSDN通过智能技术生成

    const router = this.$router
    const routePath = router.resolve({ name: 'screen' }).href
    window.open(routePath, '_blank').focus()

const router = this.$router：这是在Vue实例内部访问vue-router对象的方式，通过this.$router可以获取到当前应用的路由管理器，用于执行路由跳转和解析等操作。
const routePath = router.resolve({ name: 'screen' }).href：router.resolve()是vue-router提供的一个方法，它可以根据给定的路由信息（这里是以名称' screen'标识的目标路由），返回一个解析后的路由信息对象。这个对象包含完整的href属性，即目标路由的完整URL路径。
window.open(routePath, '_blank')：这是JavaScript中原生的window.open()方法，用于打开一个新的浏览器窗口或标签页。这里将上一步解析出的目标路由URL作为参数传入，并且以'_blank'作为目标窗口的名称，表示在新的标签页中打开。
.focus()：调用打开的新窗口的focus方法，使其获取焦点，即确保新打开的标签页被激活显示。