VUE添加class綁定


class
    class的樣式應用四種
    
    1.數組用法
        顯示用標識符v-bind
        :class="['red','thin']"

    2.三元表達式
        :class="[ture?'樣式':'樣式']"

    3.數組中嵌套對象
        :class="[{'樣式':ture}]"

    4.直接使用對象
        :class="{red:ture}"




內聯樣式class使用
    同樣先使用v-bind綁定
    注意使用帶橫杠的屬性必須加上雙引號
    1.:style="{color='red','background-color':'red'}"
        
    2.在data中定義樣式
    :style="classobj"

    例如data:{
            classobj:{color='red','background-color':'red'}
        }

    3.在data中創建多個對象,在內聯樣式中指定一個數組來添加多個樣式
        
    :style="[classobj,classobj2]"    
    例如data:{
            classobj:{color='red','background-color':'red'}
            
            classobj2:{'background-color':'red'}
        }

        }


免責聲明!

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



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