首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >在新选项卡中打开Nuxt 3 navigateTo方法

在新选项卡中打开Nuxt 3 navigateTo方法
EN

Stack Overflow用户
提问于 2022-10-20 09:54:41
回答 1查看 176关注 0票数 1

我希望使用navigateTo方法将用户重定向到新选项卡中的外部链接。我找不到类似于在html标记target="_blank"中使用<a href="https://google.com" target="_blank">这样的选项。

有办法向navigateTo方法中添加这样的参数吗?

代码语言:javascript
运行
复制
<script lang = "ts" setup>
 function onEventTriggered() {
    return navigateTo('https://google.com', {
      external: true,
    })
  } 
</script>
EN

Stack Overflow用户

发布于 2022-10-20 10:04:00

我不确定您是否可以使用一个名为navigateTo的方法在另一个选项卡中“打开”一些东西,这是非常不直观和奇怪的,因为它是命名的。

您可以尝试使用this approach tho来模拟完全相同的事情,甚至不需要将它添加到DOM中。

代码语言:javascript
运行
复制
<script setup>
function openExternal(endpoint) {
  const link = document.createElement('a')
  link.href = endpoint
  link.target = '_blank'
  link.click()
}
</script>

<template>
  <button @click="openNewTab('https://google.com')">
    Open in new tab
  </button>
</template>
票数 1
EN
查看全部 1 条回答
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/74137910

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档