URL-адрес вызова кнопки Thymeleaf с параметрами в новой вкладке

Как я могу создать кнопку в тимелеафе, чтобы она действовала как ссылка и открывалась на новой вкладке с некоторыми заданными параметрами?

Я пробовал это, но теперь работает:

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

Это не работает, когда я использую переменные (${id})

09.05.2019 15:07

Здесь представлены пять дизайнов темных кнопок с кодом с использованием HTML и CSS:

1 247

Ответы 2

Вы можете попробовать, как показано ниже. bootstrap поможет вашему тегу привязки выглядеть как кнопка.

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

09.05.2019 16:26

Ответ принят как подходящий

Если вы не используете начальную загрузку, я бы представил кнопку так.

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

09.05.2019 17:30