javascript - Ember js #LinkTo 标签及其行为

Question

我有一个问题，当我单击我的页面 (LinkTo) 中的链接时，Ctrl + 单击，它会打开一个新选项卡，但控件会转到 chrome 中的下一个选项卡，而在 IE 中，控件停留在同一页面中。我发现 chrome 中的 #linkTo 行为是不同的。谁能帮忙？

尝试用 anchor 标记替换，但单击后路由不起作用

{{#linkTo "routename""id"}}..{{/linkTo}}

Answer 1

我花了一点时间才弄明白你在问什么，但我想我已经弄明白了 🎉

首先，我想指出的是，这种行为与 EmberJS 没有任何关系，并且 100% 是一种浏览器行为。您会在任何链接中看到这种行为(无论它是否使用 JavaScript)，但我将在下面详细解释。

因此，当我尝试在 Chrome 上重现您的行为时，我没有看到当我使用 ctrl + click 打开新标签时，它没有切换自动转到该选项卡。在与我的一位同事谈论此事时，Chrome 中似乎有一个设置，您可以在其中更改此行为，所以也许您已经更改了该设置？您可以在 Chrome Support Website 上看到关于此主题和相关问题的更多讨论。 .

所以我提到这不是 Ember 特有的问题，您会在任何网页上遇到这个问题，即使它们不使用 JavaScript。有趣的是，Ember 让您首先可以在新选项卡中打开，因为它非常注重 URL 😂 如果您检查 Ember 应用程序上的页面，您会发现它实际上放置了一个有效的 <a href="/something">Your link here</a>。 DOM 中的元素，这意味着您将在 ctrl + click 中获得良好的行为，而不仅仅是打开带有应用程序主页的新选项卡。

---

这个问题作为“我可以问一个问题”第 2 季第 1 集的一部分得到了回答。如果您想看到我们完整讨论这个答案，您可以在此处观看视频:https://youtu.be/v1rBL5_KPqU