您的位置:首页 > 文旅 > 美景 > 如果通过路由打开新的标签页

如果通过路由打开新的标签页

2024/12/23 0:59:06 来源:https://blog.csdn.net/this__valve/article/details/139778158  浏览:    关键词:如果通过路由打开新的标签页
  const { href } = router.resolve({path: "/mapCode",query: {id: id,type: list,urlname: pathName,},});window.open(href, "_blank");

生成URL

let routeUrl = this.$router.resolve({path: '/build/' + item.id + '/page'
});
  • this.$router:指的是 Vue 实例中的路由对象,通常在使用 Vue Router 插件时会自动注入到 Vue 实例中。
  • resolve 方法:用于根据给定的路径解析出一个包含完整 URL 信息的对象。
  • { path: '' }:这是一个路由对象,

打开新标签页

  • hrefresolve 方法返回的对象中包含所解析的完整 URL,在这里使用 href 属性来获取这个 URL。
  • window.open(url, '_blank'):JavaScript 方法,用于在新标签页(或窗口)中打开指定的 URL。

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com