首页vue 动态设置class

vue 动态设置class

时间: 2023-08-26 12:06:03 浏览: 104

vue 动态添加class,三个以上的条件做判断方式

如果 status为1，样式为redRoom 如果 status为2，样式为greenRoom1 如果 status为其他，样式为greenRoom2 :class=”{‘redRoom’: Number(items.status) === 1, ‘greenRoom1’: Number(items.status) === 2, greenRoom2: Number(items.status) > 2}” 补充知识：vue 根据变量值来判断显示class 我就废话不多说了，大家还是直接看代码吧~ <div :class=”[‘bottom-btn’,{‘face-btn’:type==’

以下写法都是正确的： 1. 对象语法： ``` <div :class="{ active: isActive }"></div> ``` 2. 数组语法： ``` <div :class="[activeClass, errorClass]"></div> ``` 3. 绑定一个返回对象的计算属性： ``` <div :class="classObject"></div> ``` 4. 直接绑定一个对象： ``` <div :class="{'active': isActive, 'text-danger': hasError}"></div> ```

阅读全文