我想在新选项卡而不是同一选项卡中打开此路由器链接[重复]

Posted 2023-02-22

【中文标题】我想在新选项卡而不是同一选项卡中打开此路由器链接[重复]

【英文标题】：I want to open this router link in a new tab instead of same tab [duplicate]

【发布时间】：2021-02-25 13:44:53

【问题描述】：

这是我的指向页面路由的函数

.ts 文件

readmoreFunc(data:any)
this.showId = data._id;
this.contentType =data.type
this.router.navigate(['/dashboard/dashboard-content/', this.showId,this.contentType])

showId 和 contentType 是我的参数。例如“（http://localhost:4200/dashboard/dashboard-content/ckhewcmcj000v98t9zcb89rz0/Recent-Post）我想在chrome的另一个标签中打开它。

【问题讨论】：

这能回答你的问题吗？ Can vue-router open a link in a new tab?

【参考方案1】：

试试这个，

 const url = this.router.serializeUrl(
        this.router.createUrlTree([`/dashboard/dashboard-content/$this.showId/$this.contentType`])
      );
 window.open(url, '_blank');

【讨论】：

非常感谢您的帮助。谢谢你。它在一个新标签页中打开并且工作正常。