hx-inherit

htmx的默认行为是自动"继承"许多属性：例如，像hx-target这样的属性可以放在父元素上，所有子元素都会继承该目标。有些开发者不喜欢这个特性，更倾向于显式指定属性的继承。

为了支持这种开发模式，htmx提供了htmx.config.disableInheritance设置，可以设为true来禁止任何htmx属性的默认继承行为。

hx-inherit属性允许您手动控制属性的继承。

htmx按以下方式评估属性继承：

• 当在父节点上设置hx-inherit时：
  • hx-inherit="*" 将启用该元素的所有属性继承
  • hx-inherit="hx-select hx-get hx-target" 仅启用一个或多个指定属性的继承

以下示例展示了当htmx.config.disableInheritance设为false时，一个div元素为一组锚标签共享hx-target属性的情况：

<div hx-target="#tab-container" hx-inherit="hx-target">
  <a hx-boost="true" href="/tab1">标签1</a>
  <a hx-boost="true" href="/tab2">标签2</a>
  <a hx-boost="true" href="/tab3">标签3</a>
</div>

注意事项

• 了解更多关于属性继承的内容