你好,我有一个 vue 组件,我在其中循环显示这样的国家/地区列表:
<div v-for="i in pays" :key="i.id">
{{i.name}}
<span class="flag-icon-gr"></span>
我想用我从循环中收到的相应标签更改标志图标的结尾。例如,如果国家是法国,我希望有 flag-icon-fr。有没有正确的方法来做到这一点?
ps:我使用的是 nuxt,但我想它对于普通的 vue js 组件来说是一样的。
最佳答案
您可以使用如下方式动态绑定(bind)类:
<span :class=:icon="'fa-flag' + i.name"></span>
关于css - 在 vue js 组件的类中插入字符串,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51139606/