hx-replace-url

Атрибут hx-replace-url позволяет заменить текущий URL браузера в истории местоположений.

Возможные значения этого атрибута:

1. true, который заменяет полученный URL в адресной строке браузера.
2. false, который отключает замену полученного URL, если бы это заменялось по наследованию.
3. URL для замены в адресной строке. Он может быть относительным или абсолютным, согласно history.replaceState().

Вот пример:

<div hx-get="/account" hx-replace-url="true">
  Go to My Account
</div>

Это приведет к тому, что htmx сделает снимок текущего DOM в localStorage и заменит URL `/account` в адресной строке браузера.

Другой пример:

<div hx-get="/account" hx-replace-url="/account/home">
  Go to My Account
</div>

Это заменит URL `/account/home` в адресной строке браузера.

Примечания

• hx-replace-url наследуется и может быть помещен на родительский элемент
• Заголовок ответа HX-Replace-Url имеет аналогичное поведение и может переопределить этот атрибут.
• Атрибут hx-history-elt позволяет изменить элемент, сохраняемый в кэше истории.
• Атрибут hx-push-url — аналогичный и более часто используемый атрибут, который создает новую запись в истории, а не заменяет текущую.