绑定类与AlpineJS，但也包括其他类?

Question

可以这样绑定一个类:

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

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

如果我只是做:

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

类被覆盖。

如何添加header类?

Answer 1

<div class="loading-screen " :class="{'' : isLoading, 'u-hide' : !isLoading}"></div>

Answer 2

可以使用Alpine的类对象语法.

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

它将所有对象的键值附加到你的类列表中，其值为true。在您的情况下，if (!active) === true(即活动是false)添加hidden类。