Vue.js 使用道具值作为 class 名称
Vue.js use prop value as class name
如果我将 class 名称传递给组件，我该如何使用该道具的值作为 class 名称？
<i v-if="icon" class="fa" :class="{ icon: icon }"></i>
调用 <input-text icon="fa-search"></input-text>
您可以使用数组表示法：
<i v-if="icon" :class="['fa', icon]"></i>
其中 icon 是您的 属性 的名字。
如果我将 class 名称传递给组件，我该如何使用该道具的值作为 class 名称？
<i v-if="icon" class="fa" :class="{ icon: icon }"></i>
调用 <input-text icon="fa-search"></input-text>
您可以使用数组表示法：
<i v-if="icon" :class="['fa', icon]"></i>
其中 icon 是您的 属性 的名字。