Vue.js Vue 3-动态绑定字体图标

我有一个

v-for

循环，其他一切似乎都在工作，但由于某种原因图标没有显示出来

我怎样才能把它装订好

注意：我还返回图标并导入它，并且已经在我的项目中使用了font awesome，所以我知道它正在工作。问题是我如何绑定它

---

进口：

从'@vue/composition-api'导入{ref}
从“@fortawesome/free solid svg icons”导入{faCircle}

v-for

循环：

//图标未显示，但当我写入{{item.icon}}时，我可以看到文本“faCircle”
{{item.title}
{{item.text}

脚本：

导出默认值{
设置（）{
常数项=ref([
{
标题：“bla”，
文本：“bla”，
图标：“faCircle”
},
{
标题：“bla”，
文本：“bla”，
图标：“faCircle”
},
{
标题：“bla”，
文本：“bla”，
图标：“faCircle”
}
])

我归还了物品：

返回{
仪表盘，
项目
}

所以我知道问题出在哪里。我把它写成了一个字符串

脚本

   export default {
      setup() {
        const items = ref([
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          },
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          },
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          }
        ])

图标应该不带字符串，因为我们正在表达式中导入它

 {
    title: 'bla',
    text: 'bla',
    icon: faCircle
  }

---

所以我知道问题出在哪里，我把它写成了一个字符串

脚本

   export default {
      setup() {
        const items = ref([
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          },
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          },
          {
            title: 'bla',
            text: 'bla',
            icon: 'faCircle'
          }
        ])

图标应该不带字符串，因为我们正在表达式中导入它

 {
    title: 'bla',
    text: 'bla',
    icon: faCircle
  }

---

检查这个根本没用的检查这个根本没用的