Vue.js:如何在已经打开的标签页中打开外部链接？
在Vue.js中，可以使用window.open()方法在已经打开的标签页中打开外部链接。具体步骤如下：
- 首先，在Vue组件中定义一个方法，用于处理打开外部链接的逻辑。例如，可以在
methods中添加一个名为openExternalLink的方法。
methods: {
openExternalLink(url) {
window.open(url, '_blank');
}
}- 在需要打开外部链接的地方，调用
openExternalLink方法，并传入外部链接的URL作为参数。例如，可以在一个按钮的点击事件中调用该方法。
<button @click="openExternalLink('https://www.example.com')">打开外部链接</button>这样，当用户点击按钮时，Vue.js会调用openExternalLink方法，并在已经打开的标签页中打开指定的外部链接。
需要注意的是，为了确保能够在已经打开的标签页中打开外部链接，需要将第二个参数'_blank'传递给window.open()方法。这会告诉浏览器在新的标签页中打开链接，而不是在当前标签页或新窗口中打开。
关于Vue.js的更多信息和使用方法，可以参考腾讯云的相关产品和文档：
相关·内容
我只想在我的项目中使用maven，但我想让3个按钮和1个信息框的小单页应用程序。我可以包括像vue.js这样的axios吗？我下载了Vue.js文件，并在Index.html的<scrypt>中写入了路径。我不想用npm，纱线，webpack或者其他的东西。也许我可以用其他东西，而不是Axios？
浏览 3提问于2020-03-19得票数 0
11回答
我正在做一个超文本标记语言项目，如果没有JavaScript，我不知道如何在新标签页中打开链接。
我已经知道<a href="http://www.WEBSITE_NAME.com"></a>会在同一个标签页中打开链接。有什么办法让它在一个新的地方打开吗？
浏览 25提问于2013-07-18得票数 499
回答已采纳
在我代码中，点击一个链接后，我会在新标签页中打开一个pdf文件，但在第二次点击之后，如果文件已经打开，那么我想重定向到该文件的打开标签页，而不是在新标签页中打开。
我的代码：
<span style="margin-left:10%;"><a href="image/Eng_Pamphlet.pdf" target="_blank">Broucher</a></span>'
如上面的选项卡所示，我设置了目标属性"_blank"，所以它总是在新的选项卡中打开链接。但我想在第一次
浏览 0提问于2014-04-04得票数 8
我的页面上有一个whatsapp联系人链接。我想在新的选项卡中打开它。但是如果已经打开了，我想转到这个选项卡(已经打开的)，而不是打开一个新的选项卡。
我试过了：
<a target="_blank" href="https://api.whatsapp.com/send?phone=">Whatsapp</a>
但是每次打开一个新的标签页，你有什么想法吗？
浏览 0提问于2019-02-12得票数 4
我已经写了一个侧边栏小工具，显示一系列的链接使用silverlight。我可以将silverlight托管在一个网站上，当我点击链接时，它们会在一个新的标签页中打开。当我将其打包为小工具时，链接出现在小工具中，可以单击它们，但它们不会打开浏览器窗口来显示链接。
我需要做些什么才能让它正常工作？
浏览 1提问于2011-01-03得票数 1
回答已采纳
1回答
我已经在我的站点中获得了这个标题菜单(使编辑成为一个主题)，但是我注意到指向本地锚部分的自定义链接(比如#部分)在同一页面中正确地导航到所需的位置，但是外部链接无法工作，即使指定“打开在新选项卡”。我认为有些东西阻止了菜单链接的打开，或者更糟的是，在这个主题中不支持外部链接。既然我是菜鸟，我应该在哪里寻找菜单项/链接打开行为？改变这种行为是否容易呢？
菜单元素html如下：
<li id="menu-item-812" class="menu-item menu-item-type-custom menu-item-object-custom menu-item-
浏览 0提问于2017-09-29得票数 1
推特上的一张图片将在弹出窗口中放大，该窗口可以使用x关闭。我已经看到类似的问题，如，但我希望图像打开，放大，在一个单独的窗口，而不是在页面上放大。
目前，我意识到<a></a>标签通常用于实现放大图像，但弹出窗口似乎更美观。
浏览 0提问于2016-02-09得票数 0
回答已采纳
我最近开始使用，我还没有弄清楚如何在新的标签页中打开结果。我尝试了解决方案，但不起作用，我相信解决方案是打开在拆分标签，但我希望它在新标签中打开。
谢谢。
浏览 20提问于2015-07-06得票数 1
Google Chrome扩展：
我为一件简单的事情发疯了。请不要责怪我，我不是英语原住民，我很难阅读和理解所有的扩展文档。
我只想做以下几件事：
我在我的popop.html中有8个不同的URL，当我点击右上角浏览器栏中的图标时，它就会打开。
(url) example.com
(url)其他示例等...
点击一个网址什么也不做，target="_blank"总是会打开一个新的标签，但是当我点击一个的时候，我想在同一个标签中打开它们。target="_top"或target="_self"在这里似乎不起作用。
我不知道如何编程。我来自php，我
浏览 1提问于2013-03-06得票数 5
回答已采纳
首先，感谢所有的StackOverFlow用户，因为我在这里找到了很多好的答案。我是一个PHP/mySql新手，我从书籍和其他人的例子中自学。
我的问题是:我有一个带有URL列和一个带有“clickme_text”的文本列的mySQL数据库，它们都是相同的数据库行。在我的网站上，我希望能够点击“clickme”，然后数据库的网址将在一个新的标签打开。现在，我的PHP代码可以工作，但是它不会在新的标签页中打开url，它会在相同的标签页中打开新的url。我确信答案已经在某个地方出现了，但我在尝试创建html和PHP以转到新的url并在新的标签页中打开时遇到了麻烦。
我的数据库url是“pictur
浏览 0提问于2015-05-06得票数 0
1回答
我正在创建一个npm包，并希望使用Keycloak对用户进行身份验证。但我真正想做的是
当有人点击身份验证按钮时，它应该会打开一个bootstrap模式，在这个模式中，我应该看到Keycloak登录页面，在填写完信息之后，它应该对我进行身份验证并返回到该模式本身。
发生了什么事？
当有人打开用于签名的模式时，将用户重定向到另一个窗口，而Keycloak表单位于该窗口，我们必须填写那里的信息，然后它将用户重定向回调用页面。
有什么要求？
键盘斗篷登录页应该打开在模态本身和一个人应该能够认证的模态。
我试过什么？
我已经尝试在模式内使用iframes，这样键斗篷的登录页就可以在弹出窗口中打开。但在
浏览 5提问于2022-01-20得票数 0
我在表的左列和onclick中有几个外部URL，我想在表的右列上打开这些URL。这是针对angular 6的应用程序。
我试过了，但这些URL要么在新标签页中打开，要么在同一页中打开。
浏览 3提问于2019-08-22得票数 1
我正在构建一个小的web应用程序，我已经使用了vue.js路由器，npm，webpack和所有的构建喜欢的单页web应用程序。现在，我想通过添加一个带有应用程序名称的新导航菜单选项卡，通过单击打开我的应用程序所需的选项卡，将其包含到我现有的网站中。我该怎么做呢？我真的很喜欢webpack的工作流。我不想建立到我的网站使用正常的vue方法的应用程序。我可以通过在我的网站中包含一个应用程序标签来合并我的应用程序和网站吗？
浏览 15提问于2018-02-16得票数 0
我们正在尝试创建一个ASP.NET网络应用程序，它使用“iPad -mobile- web - app -capable”元标签来控制iPad上页面的外观。
如果我将URL添加为书签并添加到主页屏幕，则可以正确删除地址栏，但是当我从未使用母版页的页面导航到使用母版页的页面时，将打开一个新浏览器，并且地址栏重新出现在加载的页面上。我们已经将范围缩小到元标签是公共因素，即使在没有实际内容和一致内容的页面上(包括元标签)。
其他人有没有找到解决这个问题的办法？到目前为止，我们无法通过我们自己的工作或搜索找到解决方案，苹果的支持网站也没有相关的答案。
浏览 6提问于2011-05-07得票数 1
回答已采纳
2回答
如何在新选项卡中打开web链接。如果我在点击链接时指定Google的意思，它会在新窗口中打开，而不是在新标签中打开。如何在新标签页中打开网页链接？
我正在使用IE8浏览器，我已经设置了在新选项卡中打开来自其他程序的链接，但它仍然在新窗口中打开！
浏览 1提问于2010-09-01得票数 1
回答已采纳
我正在尝试添加嵌入式css，以便在新选项卡中打开所有链接，但它不起作用：
<style type="text/css">
a
{
target-name: new;
target-new : tab;
}
</style>
<body>
<a href="http://www.google.com" >Google </a>
</a>
</body>
我想在新标签页中打开链接，并且我不想为每个链接使用'target‘属性。
浏览 0提问于2011-11-02得票数 0
回答已采纳
1回答
我对此表示怀疑，我在索引页面中的头标签覆盖了打开的图表数据、twitter卡和几个大小苹果触摸图标的链接。我的问题是:是否有必要在我的网站的每一页中都有这些标签？索引页是默认加载的，因此，我想只有这个页面应该有它，但是我已经测试过一些网站在每个页面中都有这些调用。
那么，最好的方法是什么？
浏览 4提问于2015-02-06得票数 1
回答已采纳
1回答
我正在学习Vue.js，并且在教程之后，a被用来将页面路由到另一个页面。他使用了这个标签包装的按钮，我发现使用标签内的路由指令。我在想，这两种从一页到另一页的方式有什么区别？它们似乎都产生了相同的行为(在更改页面时，我没有发送或接收任何数据)。
比较代码：
使用v-btn
<v-btn :to="{name: 'songs-create'}"
dark medium right bottom fab absolute
class="pink" slot="action">
&
浏览 3提问于2017-09-20得票数 14
回答已采纳
我在一个ASP.NET网站上遇到了一个问题，搜索了几个小时后，我没有找到答案。
我在一个intranet站点上工作，在生产环境和开发环境中，当我用鼠标中键单击一个链接以在新选项卡中打开时，该选项卡在IE8中以quirks模式呈现。Chrome可以正常打开，如果我没有在标签页中打开链接，它会在正常模式下打开。
我做了一些测试，我快速打开同一页的多个选项卡，页面有时会打开得很好。
我找不到任何原因，我唯一想到的可能是当页面在选项卡中打开时，服务器没有一直正确地为页面提供服务，但我不知道它有时是如何工作的，而不是其他时候。
谢谢,
菲尔
附注:我确保我的DOCTYPE标签上面没有空格。
浏览 0提问于2011-01-28得票数 2
回答已采纳
1回答
我已经使用vue-cli生成了示例Vue.js项目，并通过 vue build --target lib --name myWidget src/main.js 我必须使用Requirejs来加载它： <script>
requirejs.config({
paths: {
"Vue": "https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue",
"myWidget":
浏览 23提问于2019-03-02得票数 3
回答已采纳
我已经找到了一种使用打开标签页的方法，但这并不是我真正想要的，因为它确实需要一个私人窗口(私人标签页也可以)。:/有什么想法吗？
浏览 0提问于2017-12-31得票数 0
2回答
我需要在一个新的标签页中打开一个aspx页面，我搜索了不同的解决方案，但我只找到了打开弹出窗口和浏览器区块的代码。我需要在后面的代码中做这件事
我希望有人能帮我，谢谢。
浏览 0提问于2014-07-12得票数 1
回答已采纳
我有一个div元素或tr元素，上面有一个路由器链路。
因为它不是a标签，所以没有右键单击和“在新选项卡中打开”或在新选项卡中打开时按住strg单击的选项。
但是我想要实现这个功能，所以如果用户想要在新的标签页中打开链接，他可以这样做。我不能把我的tr改成a标签。
有没有可能让这个功能在没有a标签的情况下“在新标签中打开”？
浏览 2提问于2019-06-17得票数 0
由于Vue.js声称这是一个进步的框架，我们倾向于将我们的网上购物升级为Vue.js支持的SPA。
例如，我们使用Vue.js在页面顶部呈现迷你购物车。并使订单表具有动态性。并使产品详细信息页面动态化等。
这意味着我们在同一页面上定义了许多小型vue应用程序。
然而，它们仍应具有相同的背景。因为当用户单击产品详细信息页面上的buy按钮时，应该更新共享上下文，以便页面顶部的迷你购物车能够反映购物车中的产品总数。
为此，我们创建了一个全局变量，在我们的Vue.js迷你应用程序中，我们使用它作为数据：
var cart = { orderLines: [], itemsCount: 0} // th
浏览 5提问于2022-03-06得票数 1
1回答
W3C验证错误-杂散标记
、、、
这个问题以前曾被问过，但给出的答案不适用于这里。我得到了两个错误，一个散乱的结束标签和错误，说身体已经打开(散乱打开的身体标签)。
我已经检查了我的新WIP的每一页，我已经把doctype然后html，打开头(内容)，关闭头(一次)打开主体等。
当我点击Dreamweaver中的标签时，它们就匹配了。
<!DOCTYPE html><html><head><title>Music Matters – Home</title><meta http-equiv="X-UA-Compatible" content=&#
浏览 2提问于2015-04-06得票数 1
回答已采纳
当我尝试在链接路径上放置像<a href="http://www.example.com/" target="_blank">这样的链接时，我会得到以下错误消息：
路径'//www.example.com/“target="_blank">‘要么无效，要么无法访问它。
有没有办法在一个新的标签中打开外部URL？
浏览 0提问于2011-06-06得票数 5
回答已采纳
我想要的是在新选项卡中打开一个页面，但不要将焦点放在新打开的选项卡上。因此，如果我单击几次，就可以打开几个选项卡。
就像我用鼠标右键点击一个链接，然后显示在新标签页中打开一样(我只在chrome和firefox浏览器中尝试过)。
你知道这有可能吗？
目前，我使用一个带有如下所示按钮的表单打开新标签：
<h:form target="_blank">
<h:commandButton action="#{mainPageBB.toLink}"/>
</h:form>
浏览 0提问于2011-08-23得票数 2
回答已采纳
通过使用下面的jQuery，我得到了正确的网址链接，但我必须使它可下载的链接或在其他标签上打开它。目前，通过点击url，它将在同一页面上打开。
var filename=ui.item.brouchersFile;
var id=ui.item.brouchersId;
<a href="../../download/product_brochures/${id}/${filename}">${filename}</a>;
浏览 0提问于2018-06-19得票数 0
我已经创建了一个部分视图，它将显示带有无序列表的菜单。我想添加到每个li元素的链接。我已经做了我的研究，并尝试了不同的方式，如提供相对路径，绝对路径等，但它没有打开视图页。在浏览器中显示404错误。我是否遗漏了在部分视图中添加一些内容，然后在单击li标记项时打开视图页。
<li><a href="~/Views/Powershell/PwrCmts.cshtml">Powershell Comments</a></li>
如有任何指导，将不胜感激。
浏览 7提问于2022-11-10得票数 0
1回答
我有<a> tag <a href="https://www.stackoverflow.com/" target="_blank"> click </a>，如果我点击它，它将在新选项卡中打开堆栈溢出。如果我再次单击它，堆栈溢出将再次在新选项卡中打开。但是，如果相同的<a>已经在浏览器标签中，我点击了多少次，它只需要打开那个标签，而不是新的标签。有可能吗？如果是，是如何实现的？
浏览 5提问于2020-05-05得票数 0
回答已采纳
1回答
我的页面上有一个链接，用户可以点击并打开另一个页面。我的当前代码在另一个选项卡中打开此页。所以我希望在JQuery对话框中这样做。用户可以在不打开新窗口的情况下单击链接并打开页面。我已经将div放在当前页面的底部，并将id设置为对话框。这是我的代码：
<div>
<a class="nav" href="procedure.cfm" target="_blank" style="color:red" onClick="verifyProcedure()">Procedure for
浏览 2提问于2016-03-18得票数 0
回答已采纳
2回答
我正在开发一个Asp.Net应用程序。我需要在新的标签页中打开一些超链接，我已经做到了，但是我公司的客户使用firefox，并且最近报告说firefox要求他们允许打开弹出窗口。有没有什么方法可以在我的C#代码中启用火狐弹出窗口？这样客户就不会再看到firefox的问题了。
浏览 3提问于2012-12-06得票数 0
回答已采纳
我们在MVC中使用Kentico11.0.26。我需要在页面下添加一个外部链接。
在内容树中，它应该如下所示：
A页
页面A1
页面A2
问题是，当我单击Pages应用程序中的+按钮时，我只看到页面类型，并且没有添加链接的选项。
浏览 1提问于2019-01-24得票数 0
回答已采纳
我有一个请求，如果可能的话，我有一个包含表的接口：
name of application url
XXXXXX www.xxx.com
问题是，当我点击url时，我会丢失当前页面上的信息。我的问题是有一种代码语言，由Internet explorer FF chrome...提供此操作在选项卡中打开此url以放入url中，如方法版本和其他关于:版本==>在新选项卡中打开:此url放入url导航器中，我们将获得一个新选项卡，谢谢您的帮助。我尝试使用IE提供的工具在新标签页中打开，但如果可能的话，提供一个解决方案，如在url中输入代码来打开新标签页
浏览 2提问于2012-11-30得票数 7
我已经在我的functions.php中注册了一个自定义帖子。哪些帖子来自我的页面中的自定义帖子类别，但它在single.php上不起作用。当我点击“阅读更多”时，这是用创建的，但不是作为单页打开的。
浏览 3提问于2014-01-27得票数 0
2回答
我的应用程序有一个功能，如果用户保存了评论，带有链接的电子邮件将被发送，如果单击链接，则打开注释，如果用户已经登录。如果用户尚未登录，则打开登录页。
但是我不知道如何在登录后为重定向注释页(链接)编写代码.
指：
如果用户登录=>，请单击打开的链接=>注释页面(工作)
如果用户未登录=>登录页打开=>用户登录(直到这里工作) =>注释页面(链接)打开(不起作用)。目前显示了一条消息：“在继续之前，您需要登录或注册。”但是没有打开登录页。
如果我更改了链接<%= link_to 'Go to this project', ranks_url %
浏览 6提问于2019-09-17得票数 0
回答已采纳
在我的代码中，我只想在新的标签页中打开Google链接，但是当我点击Google链接的按钮(在新的标签页中打开)时，原始的标签页会转到stackoverflow页面(即使它没有被点击)。我不希望stackoverflow按钮的按钮在用户只单击google one时被单击并打开，我希望它留在我的主页上。你知道为什么onclick会触发这两个URL吗？
下面是我的代码片段：
<div class="btns-A">
<div><a href="https://google.com" class="btn-A" onc
浏览 0提问于2021-03-11得票数 0
我想知道谷歌是如何在没有定义target="_blank“的情况下在一个新的窗口/标签中打开外部链接的。
例如，在google plus中，所有外部链接都会在一个新窗口中打开。我认为这是一些Javascript巫术，但.js代码是模糊的，所以我不能真正研究。
编辑:哦，后续问题:为什么？
浏览 0提问于2011-09-21得票数 3
回答已采纳
我尝试打开3个新的标签(同时)通过chrome，EI，firefox，每个标签将返回一个文件。ie和mozilla打开了3个新的标签页(没问题)。chrome会打开一个标签和两个窗口。
脚本: window.open(url '_blank')或window.open(url '_tab')行为相同
有没有办法在chrome中打开3个新的标签？
浏览 0提问于2013-04-12得票数 1
回答已采纳
2回答
我已经创建了摘要，其中给我打开，关闭和待定状态，并提供了到第4页的链接，其中有详细的报告。
现在，我需要根据报告中的选择提供过滤器。示例-如果在摘要中选择了“打开”，则过滤器应在第4页报告中申请“打开”。
我是新手，你能帮助我做这个简单和容易的方法吗？
select 'Open' label
, count(*) value
, 'f?p='||:APP_ID||':4:'||:APP_SESSION||':::::' link
from eba_demo_projects
where status = 'Open
浏览 2提问于2019-07-30得票数 0
我有一个React，Redux和Node项目，有许多内部和外部链接。我想让内部链接在同一页中打开，而外部链接在新选项卡中打开。如有任何帮助或建议，
浏览 1提问于2016-11-29得票数 0
2回答
我有一个索引页的文章列表，每个都应该链接到他们相应的文章页面。然而，在每篇文章的标题中，也可以有标签(类似于twitter/instagram标签)，它们应该是单独点击的。
我知道HTML5不允许在链接中包含链接，也不允许任何相关的交互。我也知道Google更喜欢一个较短的解释性链接文本，而不是一个充满元素的区块链接。
什么是最好的方式来处理这一点，保持有效的HTML5也与搜索引擎优化的想法。
因此，简单地说，代码：
<article>
<a href="/link_to_article">
<h1>Title of article &
浏览 0提问于2015-05-08得票数 0
我有一个应用程序，可以在我的墙上发布新闻。如果我点击新闻链接，它会在同一页上打开重定向链接，而不是在新的选项卡上打开它(就像在华盛顿邮报中那样)。我想通了，因为他们在标签中添加了target="_blank“。但我不知道如何在包含重定向链接的FB.api中添加target="_blank“。
浏览 1提问于2012-01-10得票数 0
每次我双击一个文件，它都会在一个新的标签页中打开它，即使这个文件已经打开了--这种行为会为同一个文件创建多个标签页。我只想让它打开一个新的标签，如果文件还没有打开，并且它已经打开了，那么它应该移动到那个标签。(与任何其他合理的IDE一样)
有没有办法改变这种恼人的行为？(即时通信使用Xcode v9.3)
浏览 38提问于2018-04-11得票数 1
回答已采纳
0回答
我正在使用Vue.js 2构建一个SPA。该应用程序会发送包含应用程序链接的电子邮件，并不时向用户推送通知。
现在，当用户点击电子邮件中的链接或点击推送通知时，会打开一个带有给定url的新标签。
由于该应用程序是一个SPA，我希望在已经打开的选项卡中打开新的链接，如果存在的话，不要打开第二个。
我发送给用户的链接看起来像这样(如果这有帮助的话)：
https://app.com/#/user/123456789
我该怎么做呢?是与应用程序代码相关，还是与浏览器相关，还是与我发送的链接相关？
浏览 0提问于2017-12-19得票数 1
有没有办法在button的serverClickHandler中的新标签页中打开google文档？
浏览 2提问于2012-10-02得票数 0
我已经制作了单页网站，它滚动时点击导航栏到其各自的部分，我已经申请了脚本，
//平滑滚动到href值
jQuery(".tabs-btn ul li a, .navbar-nav li a, .navbar-brand").click(function(event){
event.preventDefault();
//calculate destination place
var dest=0;
if($(this.hash).offset(
浏览 1提问于2017-02-05得票数 1
我已经在我的ionic应用程序上安装了一个信号推送，它工作得很好，但当我发送网页推送时，通过点击我的安卓设备上的特定通知，它会将我带到外部浏览器打开该通知。
现在我想要任何类型的通知，我将从一个信号发送到我的应用程序，它应该只打开应用程序，而不是浏览器不超过这一点。
浏览 2提问于2016-11-15得票数 0
在我正在构建的网站中，我有一个链接到另一个具有_blank目标的网页设置，以便在一个新的选项卡中打开。
如果我单击该链接，然后切换回第一页并再次单击该链接，它将打开第三个选项卡。
有没有办法让浏览器只是切换回已经打开的标签为第二个网页？
浏览 1提问于2014-08-26得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
