CSS绑定不同样式

目录

根据布尔值绑定不同类or样式

根据不同条件绑定不同类

动态绑定class和普通class共存

---

根据布尔值绑定不同类or样式

三元表达式，某值为真和为假时应用不同样式or类：

<h3 :style="list.readStatus===0?'font-weight:bold':''">{
  {list.title}}</h3>

<div :class="[{ activeClass: isActive }, errorClass]"></div>

直接判断只有为真(或某个值)时才应用：

<div :class="{ activeClass: isActive }"></div>

<h3 :class="{classBold:list.readStatus===0}">{
  {list.title}}</h3>

根据不同条件绑定不同类

&