Vue.js學習系列(三十)-- Vue.js樣式綁定(一)

class與style是HTML元素的屬性,用于設置元素的樣式,我們可以用v-bind來設置樣式屬性。Vue.js v-bind在處理class和style時,專門增強了它。表達式的結果類型除了字符串之外,

.active {

width: 100px;

height: 100px;

border: 1px solid red;

background: green

}

new Vue({

el:"#app",

data:{

isActive:true

}

})

運行結果為

在上述例子中將isActive設置為true顯示了帶有紅色邊框的綠色div塊,如果設置為false則不顯示。

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容