vue通過屬性綁定為元素設置class樣式


第一種方式,直接傳遞一個數組,注意使用v-bind綁定
            <h1 :class="['red','size'">這是一個h1文本</h1>
在代碼里使用三元表達式
            <h1 :class="['red','size',flag?'active':'']">這是一個h1文本</h1>
在代碼里使用對象和數組
           <h1 :class="['red','size',{'active':flag}]"></h1>
在代碼里使用對象
            <h1 :class="[{red:ture,active:ture}]"></h1>
 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM