Javascript 如果值等于false，则vue绑定类

我有一个网站，它获取一些布尔值并将它们存储在一个数组中，其中key=id和value=boolean

例如

我有一个包含三个项目的列表组

例如

应检查每个列表组项是否处于活动状态。第一个值与

policiesActive

值相对应，如果

policiesActive

值均为false，则第三个值为true

我不知道如何检查两个值都为false的最后一部分

---

我希望您能帮助我。

最简单的方法可能是使用方法来计算类。这是一个简化的版本

<a
    v-for="(policy, index) in policies"
    class="list-group-item"
    :class="getItemClass(policy, index)"
    href="..."
>
    ...
</a>

.list-group
    a.list-group-item.list-group-item-action.flex-column.align-items-start(v-for='firewallPolicy in activeFirewall.policies', href='', @click.prevent='setPolicyActive(activeFirewall.id, firewallPolicy.id)', v-bind:class='{ active: policiesActive[firewallPolicy.id] }')
        .d-flex.w-100.justify-content-between
        h5.mb-1 {{firewallPolicy.name}}
        p.mb-1 {{firewallPolicy.description}}

<a
    v-for="(policy, index) in policies"
    class="list-group-item"
    :class="getItemClass(policy, index)"
    href="..."
>
    ...
</a>

methods: {
    getItemClass(policy, index) {
        let itemClass = "";
        // ... whatever logic you want to calculate the classname
        return itemClass;
    }
}