技术栈

vue如何动态绑定多个class

Vue,JavaScript,HTML

给一个dom绑定多个class,而且是动态绑定,代码如下:

  <!-- class 绑定 -->
  <div :class="{ red: isRed }"></div>
  <div :class="[classA, classB]"></div>
  <div :class="[classA, { classB: isB, classC: isC }]">
  // classA 是固定不变的,classB与classC 是根据条件来判断是否加入

转载自:https://www.jianshu.com/p/e4248eb7c92a

点我评论
打赏本文
二维码


60

文章

22

标签