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是你的财产的名称。