如何将活动类绑定到循环中的第一个元素

Question

如何添加isTypeSelected(dietType)

是v-for列表中第一个元素的默认值吗？

b-col(lg="" md="6", sm="6").text-center(v-for="dietType in dietTypeList", :key="dietType.id")
div.pointer(:class="{ faded: !isTypeSelected(dietType) }", @click.prevent="dietTypeId = dietType.id")
dbm-icon.p-2.diet-type-icon(:icon="dietType.icon", variant="secondary", v-if="isTypeSelected(dietType)")
dbm-icon.p-2.diet-type-icon(:icon="dietType.icon", variant="light", v-if="!isTypeSelected(dietType)")
p {{ dietType.name }}

Answer 1

将&& dietType.id===1添加到类绑定条件：

div.pointer(:class="{ faded: !isTypeSelected(dietType) && dietType.id===1 }"