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前要加一個空格(必須有),字符串拼接時,兩個字符串之間要有空格
--------------------- 
作者:小地瓜呱 
來源:CSDN 
原文:https://blog.csdn.net/qq_41619741/article/details/84284386 
版權聲明:本文爲博主原創文章,轉載請附上博文鏈接!

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章