router.push怎么添加target="_blank"

要在使用 `router.push` 时添加 `target="_blank"`，你可以使用 `router.resolve` 方法来解析目标路由，并将选项对象中的 `target` 属性设置为 `'_blank'`。然后，你可以使用 `window.open` 方法打开新的窗口或标签页。

以下是一个示例代码：

const router = require('vue-router').default

// ...

// 在某个处理事件中添加以下代码
const resolvedRoute = router.resolve({ 
  path: '/your-target-route', 
  query: { /* 可选的查询参数 */ }, 
  params: { /* 可选的路由参数 */ }
})

window.open(resolvedRoute.href, '_blank')

在上面的示例中，我们首先使用 `router.resolve` 解析目标路由，然后使用 `resolvedRoute.href` 获取目标路由的完整 URL。最后，我们将该 URL 作为第一个参数传递给 `window.open`，并将第二个参数设置为 `'_blank'`，以在新的窗口或标签页中打开该 URL。

请注意，以上示例中的 `/your-target-route` 是你要导航到的目标路由路径。你需要将其替换为实际的目标路由路径。

希望这可以帮到你！如果有任何疑问，请随时提问。

相关问题

this.$router.push添加blank

this.$router.push可以用于在Vue.js中进行页面跳转，而添加blank可以在跳转时打开新窗口。具体实现方式为：

this.$router.push({ path: '/your-path', query: { key: value }, target: '_blank' });

其中target: '_blank'表示在新窗口中打开跳转的页面。需要注意的是，该方法仅在使用Vue.js的情况下才能使用。如果你想在普通HTML页面中打开新窗口，可以使用<a>标签，并添加target="_blank"属性。

router.push router.replace

引用中提到了使用router.push和router.replace方法导航到不同的URL。这两个方法是Vue Router提供的导航方法。router.push会向history栈添加一个新的记录，而router.replace则会替换当前的历史记录。当用户点击浏览器后退按钮时，使用router.push会回到之前的URL，而使用router.replace则不会回到之前的URL。这两种方法都可以通过不同的参数形式来指定导航目标，包括路径、查询参数和命名路由等。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* *3* [【vue-router源码】七、router.push、router.replace源码解析](https://blog.csdn.net/qq_33635385/article/details/125182307)[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 2.0 常用基础知识点之router.push()](https://download.csdn.net/download/weixin_38537315/13238307)[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 ]