Question

progressbar组件从父组件名称activeStep接收道具，其值是Progressbar的活动索引。我的挑战是在渲染进度栏列表时，我想将活动类设置为小于活动步骤属性值或等于value 我该怎么办？

    override func tableView(_ tableView: UITableView, heightForRowAt indexPath: IndexPath) -> CGFloat {
        return 150
    }

Answer 1

如果要有条件添加class，可以使用:class=""。例如：:class="true ? 'active' : 'disable'"。与此相关，如果条件为true：class="active"否则class="disable"

Answer 2

非常简单，如果您有多个条件类，则需要将:class属性定义为这样的对象：

<li :class="{
    'a-conditional-class': true,
    'an-other-conditional-class-but-not-displayed': false,
}">
</li>

作为参考，您还可以结合条件和无条件的类！在一个:class属性中，如下所示：

<li :class="[
    'an-unconditional-class',
    {
        'a-conditional-class': true,
        'an-other-conditional-class-but-not-displayed': false,
    }
]">
</li>

有关样式绑定的更多信息，请参见官方文档：https://vuejs.org/v2/guide/class-and-style.html#ad

使用Vue js中的props在列表中进行条件类绑定

2 个答案: