1. 程式人生 > >vue中一個標籤中含有多個class(其中包含三元表示式)的寫法

vue中一個標籤中含有多個class(其中包含三元表示式)的寫法

1、陣列形式

<div :class='["classify",current=="0" ? "active" : ""]'  @click='current=0'>課程</div>

注意:陣列中的classify如果不加引號的話,代表的是data中的一項,並不是類名,將classify加上雙引號,變成字串就可以變成類名

2、字串拼接

<div :class="'classify'+(current=='0'?' active':'')"  @click='current=0'>課程</div>

注意:active前要加一個空格(必須有),字串拼接時,兩個字串之間要有空格