动态class的几种方式

标签：方式 第三种 几种 第四种 第二种 动态 class isActive

1、第一种方式最基础的class

实现代码如下：

<p :class="{'active':isActive, 'current': isCurrent}">我是第一种方式最基础的class{{isActive}}</p>

2、第二种方式的class

<p :class="classList">我是第二种方式的class{{isActive}}</p> 3、第三种方式class <p :class="[isActive?'active':'current']">我是第三种方式class{{isActive}}</p> 4、第四种方式class  <p :class="[{active:isActive}, isCurrent?'current':'', 'hasBorder']">我是第四种方式class{{isActive}}</p> 完整代码如下：

 

 

 

标签：方式,第三种,几种,第四种,第二种,动态,class,isActive
From： https://www.cnblogs.com/yihuanhuan/p/16757805.html