如何给class添加判断

Question

想给class添加判断，index等于某个值时候这个class有效，但是不知道如何写

Answer 1

在weex中， 可以通过数据绑定的形式实现；

 <div :class="[currentIndex === index ? 'lineSelected' : 'lineNormal']" style="width: 4px; height: 120px; "></div>

例如： 通过点击事件改变currentIndex的值即可。

Answer 2

目前 weex 的 :class 是支持的，但是仅支持 array syntax, 目前还不支持 object syntax. 你可以通过 :class="[isTrue ? 'a' : '', 'b']" 来判断是否要加入 'a' 这个 class.

Answer 3

可以添加/删除class，或者加个active类

Answer 4

如果是用框架的话比如vue，就非常的方便，如果是纯html的话，只能通过js操作了，操作的时候通过判断index的值来改变元素的class，比如：

oBtn.onclick=function () {
    if (index == 2) {
        oDiv.className = 'xxxx';
    }
}

如果index 不是通过操作获得，而是页面加载时候就获得，可以通过js来直接执行，也可以使用自执行匿名函数来创建自己的作用域

(function() {
     if (index == 2) {
        oDiv.className = 'xxxx';
     }
})()

当然，也可以通过 setAttribute的方法来设置class

Answer 5

weex中:class好像没效果，需要用:style，像这么写:

style="{color: index<3 ? '#fff' : '#000', 'border-bottom-width': index===2 ? 10 + 'px' : '0'}"