屬性綁定 attr

2020-12-02 classstyle

# class 綁定

如果你想將 class 使用 vue 實例的參數來綁定,可以使用 :class=""

# 基礎使用

綁定 vue 實例裡的參數

<input :class="red" />

# 動態使用

用 vue 參數 isOpen 來決定是否將 open 加入 class

<input :class="{open: isOpen}" />

# 混合使用

靜態的 class 與動態的 class 同時放一起

<input :class="['red', {open: isOpen}]" />
Last Updated: 12/2/2020, 3:33:44 PM