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 3.0 中的模板语法，它使用了动态属性名指令 `#[`item.name`]` 来绑定一个动态的属性名，这个属性名是 `item.name` 的值，也就是一个字符串类型的变量。这个指令绑定的值是一个对象，这个对象中包含一个 `item` 属性，它的值是当前循环的对象 `item`。

在这个模板中，使用了 `<router-link>` 组件来创建一个链接，这个链接的目标是一个新窗口，链接的地址是通过 `getGameDetailRoute(item.id)` 方法计算得到的。`:to` 属性是 `<router-link>` 组件的一个属性绑定，它的值是一个表达式，这个表达式的值是一个字符串类型的变量，它是通过 `getGameDetailRoute(item.id)` 方法计算得到的。`{{ item.name }}` 是一个插值表达式，它会将 `item.name` 的值插入到模板中。

总的来说，这个模板是一个动态绑定属性名的链接模板，它将一个对象的属性名作为链接的标题，链接的地址是动态计算得到的，并且链接会在新窗口中打开。