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

  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。
  • 3
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值