vue路由新开页签跳转路由

在Vue中，可以使用两种方式实现路由新开页签跳转。一种是使用JS实现，另一种是使用vue-router提供的标签。下面是两种方式的代码示例：

1. 使用JS实现：

let routeUrl = this.$router.resolve({ path: "/surrender", params: {billId:21} });
window.open(routeUrl.href, '_blank');

2. 使用vue-router标签：

<router-link target="_blank" :to="{path:'/surrender',params:{billId:21}}">打印</router-link>

在上述代码中，第一种方式通过获取路由对象的resolve方法解析路由，得到目标路由的href，然后使用window.open方法在新标签页中打开该路由。第二种方式则是使用vue-router提供的router-link标签，并设置target属性为"_blank"，这样点击该标签时会在新标签页中跳转到指定路由。

希望以上信息能够解答您的问题。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [Vue路由跳转打开新窗口](https://blog.csdn.net/qq_45886144/article/details/130186782)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* [在vue中，用路由router跳转打开一个新标签页](https://blog.csdn.net/pipizhou16/article/details/126162485)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]