如何在v-if Vue.js中添加类

如果状态为非活动状态，我想以红色点亮文本。下面是我的代码

<td v-for="option in selected_type" v-if="option.id == item.status"  v-bind:class="add class here">
    @{{ option.status }}
</td>

@{{option.status}}

---

谢谢你

一个简单的例子，假设

状态

是布尔值：

<td v-for="option in selected_type" :key="option.id" :class="{ inactive: item.status }">

newvue({
el:“应用程序”，
数据：{
项目：[
{标签：'foo'，状态：true}，
{标签：'bar'，状态：false}
]
}
})

。文本为红色{
颜色：红色；
}

{{item.label}

一个简单的例子，假设

状态是布尔值：


newvue({
el:“应用程序”，
数据：{
项目：[
{标签：'foo'，状态：true}，
{标签：'bar'，状态：false}
]
}
})
。文本为红色{
颜色：红色；
}


{{item.label}

这门课叫什么名字？我知道了。谢谢：）请仍然将答案标记为正确！这个班叫什么名字？我知道了。谢谢：）请仍然将答案标记为正确！
.inactive { color: red; }