Question

您好，这是一个非常简单的问题。我的Polymer 3页面上有一个模态。我想在模型中添加一个链接，然后在新选项卡中打开该链接，但是它不起作用。链接会在打开弹出窗口的同一窗口中打开吗？

<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

请尝试

<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>

Answer 2

尝试添加此行。可行！

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

在Polymer Modal的新标签页中打开链接

2 个答案: