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>