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是你的財產的名稱。