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