在新标签中带有参数的Thymeleaf按钮调用URL

Question

如何在百里香中创建一个按钮以充当链接并在带有某些给定参数的新选项卡中打开？

我尝试了这个，但是现在可以工作了：

<button th:onclick="window.open('https://www.google.com/location/' + ${id})"> GO</button>

当我使用变量（${id}）时不起作用

Answer 1

您可以尝试如下操作。引导程序将帮助您的锚标记看起来像一个按钮。

<a class="btn" th:href="@{/url/{id}(id=${id})}" target="_blank">GO</a>

Answer 2

如果您不使用引导程序，我将代表这样的按钮。

<button
    th:data-url="@{https://www.google.com/location/{id}(id=${id})}"
    onclick="window.open(this.getAttribute('data-url'))">GO</button>

注意：我使用的是onclick，而不是th:onclick。

如果您使用的是引导程序，则可以像在其他答案中一样将链接的样式设置为按钮，而只需使用th:href。

<a class="btn" th:href="@{https://www.google.com/location/{id}(id=${id})}" target="_blank">GO</a>