hx-history-elt

hx-history-elt 属性允许你指定在导航期间将用于快照和恢复页面状态的元素。默认情况下,使用 body 标签。对于大多数设置来说,这通常已经足够好了,但你可能想把它缩小到子元素。只需确保该元素在你的应用程序中始终可见,否则 htmx 将无法正确恢复历史导航。

以下是一个例子:

<html>
<body>
<div id="content" hx-history-elt>
 ...
</div>
</body>
</html>

笔记

  • hx-history-elt不会被继承
  • 大多数情况下,我们不建议缩小历史快照范围