Css 在vue js组件的类中插入字符串

您好，我有一个vue组件，我在其中循环一系列国家/地区，如下所示：

<div v-for="i in pays" :key="i.id">
  {{i.name}}
  <span class="flag-icon-gr"></span>

{{i.name}

我想用我从循环中收到的相应标签更改标志图标的结尾。例如，如果国家是法国，我希望有国旗图标fr。有没有合适的方法

---

ps:im使用nuxt，但我想对于普通的vue js组件也是如此。

您可以使用如下方式动态绑定该类：

<span :class=:icon="'fa-flag' + i.name"></span>

---

您可以使用如下方式动态绑定类：

<span :class=:icon="'fa-flag' + i.name"></span>

正是我所需要的！正是我需要的！