Vue class

直接贴代码,简单易懂

VUE 绑定class

<div class="static"
     v-bind:class="{ active: isActive, 'text-danger': hasError }">
</div>

data: {
  isActive: true,
  hasError: false
}

//渲染成:
<div class="static active"></div>

推荐阅读更多精彩内容

  • 操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性,所以我们可以用 v-bind 处...
    rainbowboy阅读 922评论 0 48
  • Class 与 Style 绑定 数据绑定的一个常见需求是操作元素的 class 列表和它的内联样式。因为它们都是...
    李诺哦阅读 427评论 0 0
  • 总结: 计算属性的方法写在new Vue中的computed对象名中( computed : { } ),,,,...
    竹溪穆褕阅读 180评论 0 0
  • 1.class (1)基本 (2)绑定多个class (3)绑定对象 (4)绑定数组 2.style (1)直接绑...
    lmem阅读 149评论 0 0
  • 1和之前不同,这里我们data放入布尔值;相当于作为开关来控制class是否调用2注意这种写法是:class{属性...
    夜息白鸽阅读 316评论 0 0
  • “反比例友情” 前一阵子,朋友圈都在发一个小游戏,就是对方出几个问题,然后你通过对ta的了解来回答这些问题,正确率...
    ash_文子阅读 246评论 0 1
  • 我以为是心酸 我曾以为是释然 我曾以为赤诚的心会被称赞 我曾以为至亲挚友永不离散 我曾以为天南海北终会相见 从蹒跚...
    pror阅读 446评论 0 0