Vue.js 使用 prop 值作为类名

Question

如果我将类名传递给组件，我该如何使用该 prop 的值作为类名？

<i v-if="icon" class="fa" :class="{ icon: icon }"></i>

用 <input-text icon="fa-search"></input-text> 调用

Answer 1

你可以使用数组表示法:

<i v-if="icon" :class="['fa', icon]"></i>

icon 是您的属性(property)名称。