自学内容网 自学内容网

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

  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。

原文地址:https://blog.csdn.net/this__valve/article/details/139778158

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!