vue的router编程添加target="_blank"

在Vue Router中，我们可以通过使用`<router-link>`组件来导航到不同的页面。如果你想要在页面上使用`target="_blank"`属性来实现在新窗口中打开链接的效果，你可以按照以下步骤进行操作：

1. 首先，在你的Vue项目中找到使用`<router-link>`的地方。这可能是在模板文件（.vue文件）中或者其他地方。

2. 在`<router-link>`标签中添加一个`target="_blank"`属性，如下所示：

<router-link to="/your-route" target="_blank">Link</router-link>

在上面的例子中，`/your-route`是你要导航到的目标路由。

3. 保存文件并重新运行你的Vue应用程序，现在当你点击链接时，它会在新窗口中打开。

使用上述方法，你可以为Vue Router中的链接添加`target="_blank"`属性，以便在新窗口中打开链接。希望能帮到你！如果还有其他问题，请随时问我。

相关问题

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` 是你要导航到的目标路由路径。你需要将其替换为实际的目标路由路径。

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

<template #[`item.name`]="{ item }"> <router-link target="_blank" :to="getGameDetailRoute(item.id)">{{ item.name }}</router-link> </template>

这是一个 Vue 模板语法，使用了动态属性绑定和对象语法。其中 `#[`item.name`]` 表示动态绑定了一个属性，该属性名由 `item.name` 决定。`{ item }` 是一个对象，其中的 `item` 属性值为当前循环的对象。在模板中使用了 `router-link` 组件，该组件会渲染为一个带有 `href` 属性的 `<a>` 标签，点击该标签会跳转到 `getGameDetailRoute(item.id)` 返回的路由。标签的文本内容为 `item.name` 属性值。