後綴VUE數據類用v綁定

Question

我有一個多選的Vue組件內的下面的模板。

<template slot="option" scope="props"> 
    <div class="option__desc"> 
    <span class="flag-icon flag-icon-{{ props.option.code }}">{{ props.option.code }}</span> 
    <span class="option__small">{{ props.option.name }}</span> 
    </div> 
</template> 

我需要後綴props.option.code到flag-icon-類，但Vue公司不允許我添加到類這種方式了。它要求我v-bind做到這一點，但是我一直試圖使其與v-bind工作，我不能。

有沒有一種方法，使與v-bind這項工作？

Answer 1

試試這個

<span :class="'flag-icon flag-icon-' + props.option.code">