后缀使用v-bind将数据发送到类

Question

我在Vue Multiselect组件中有以下模板。

npm install chromedriver@2.29.0 --chromedriver-cdnurl=http://chromedriver.storage.googleapis.com

我需要将<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类，但Vue不允许我以这种方式添加到类中。它要求我使用flag-icon-，但我已尝试将其与v-bind一起使用，但我不能。

有没有办法让这个工作v-bind？

Answer 1

试试这个

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