溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
樣式類綁定：
<div class="demo" @click="sttachRed = !attachRed" :class="{red:attachRed}"></div>
使用對象：
<div class="demo" @click="sttachRed = !attachRed" :class="divClasses"></div>
computed:{
divClasses:function(){
return {
red:this.attachRed,
blue:!this.attachRed
}
}
}
使用命名：
css中定義.red，.green，.blue樣式。
<div class="demo" :class="[color,{red:attachRed}]"> </div>
data:{
attachRed:false,
color:'greed'
}
動態設置樣式，不使用CSS類：
<div class="demo" :style="{backgroundColor:color}></div>
data:{color:'gray'} 或
<div class="demo" :></div>
computed:{
mystyle:function(){
return {
backgroundColor:this.color,
width:this.width + 'px'
}
}
}
數組語法設置元素樣式
<div class="demo" :></div>
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
