vue.js - vuejs动态绑定类属性中的文本

Question

我正在尝试fa icon根据数据中的对象（在 for 循环中迭代）包含的内容来动态更改 an 的文本：

<ul id="example-1">
            <li v-for="item in cards" :key="item.id">
                <i class="fa fa-cc-{{item.brand}} fa-2x" style="color:black"></i> {{ item.brand }}
            </li>
</ul>

这似乎不起作用

标签： vue.jsvuejs2

Answer 1

您可以将类设为动态属性，如下所示

:class="`fa fa-cc-${item.brand}`"