alpine.js - 使用 AlpineJS 绑定类但还包括其他类？

Question

我可以像这样绑定一个类：

 <div :class="active ? '' : 'hidden'>

但是我怎样才能在未被覆盖的元素上包含标准类呢？

如果我这样做：

<div class="header" :class="active ? '' : 'hidden'>

该类被覆盖。

如何添加header课程？

标签： alpine.js

Answer 1

您可以使用 Alpine 的Class Object Syntax。

<div class="header" :class="{ 'hidden': !active }">

它将所有对象的键附加到您的类列表中，其值评估为真。在您的情况下if (!active) === true（即 active is false）添加 class hidden。