Suffix vue Daten zur Klasse mit v-bind

Question

Ich habe die folgende Vorlage innerhalb einer Vue Multiselect-Komponente.

<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> 

Ich brauche props.option.code zum flag-icon- Klasse Suffix aber Vue erlaubt mir nicht mehr in die Klasse auf diese Weise hinzuzufügen. Es erfordert, dass ich es mit v-bind tun, aber ich habe versucht, es mit v-bind arbeiten zu lassen, und ich kann nicht.

Gibt es eine Möglichkeit, dies mit v-bind zu arbeiten?

Answer 1

versuchen, diesen

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