跳至主要內容

class

class: 指令是一種方便的方式,可以在元素上設定條件式類別,作為在 class 屬性內使用條件式表達式的替代方案

<!-- These are equivalent -->
<div class={isCool ? 'cool' : ''}>...</div>
<div class:cool={isCool}>...</div>

與其他指令一樣,當類別名稱與值一致時,我們可以使用簡寫

<div class:cool>...</div>

可以將多個 class: 指令添加到單個元素

<div class:cool class:lame={!cool} class:potato>...</div>

在 GitHub 上編輯此頁面

上一頁 下一頁