Vue的style與class

1. style數組

  能夠經過code

:style="{height:`${heightData.main}px`}"

實現樣式的動態綁定, style綁定的是一個對象,多個樣式時用「,」隔開, 要用駝峯式寫法.對象

2. classblog

  

<div :class="{ active: isActive }"></div>

能夠動態控制class的名, 綁定的對象或者數組, 經過判斷isActive的真假來動態控制它顯示class

相關文章
相關標籤/搜索