在 Polymer Modal 的新标签页中打开 link

Question

嗨，这是一个非常简单的问题。我的 Polymer 3 页面中有一个模态框。我想在模型中添加一个 link 并在新选项卡中打开 link，但它不起作用。 link 在同一 window 打开弹出窗口？

<html>
  <div class="modal--innerContainer">
     <div>
        <h3>${item.title}</h3>
        <p>${item.content}</p>
        <a href="#" target="_blank">Read more</a>
     </div>
     <button on-click="${() => this._closeModal()}">Close</button>
  </div>
</html>

Answer 1

尝试添加这一行。有效！

<a href="https://upload.wikimedia.org/wikipedia/en/5/5e/Gothiccover.png" target="_blank">Read more</a>

Answer 2

请试试这个

<html>
<div class="modal--innerContainer">
    <div>
        <h3>${item.title}</h3>
        <p>${item.content}</p>
        <a target="_blank" rel="noopener noreferrer" href="http://www.google.com">Read More</a>

    </div>
    <button on-click="${() => this._closeModal()}">Close</button>
</div>

</html>

在 Polymer Modal 的新标签页中打开 link

Opening link in new tab from Polymer Modal

html

javascript

css

polymer