跳至主要内容

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 上编辑此页面

上一页 下一页