Javascript 是否将图标附加到vuetify数据表中的表列？

我有一个Vuetify数据表，我正试图将一个图标添加到包含蛋白质的数据表中，但它的呈现方式，我无法理解我将如何处理它

因此，我有一个正在导入Vuetify数据表模板的组件，该组件分别由icon div组成

在我的组件中，我有如下模板设置：-

 <template>
    <tr>
      <td>
        <v-checkbox> </v-checkbox>
      <td>
           <div>        
            <router-link>
         <i class="fa fa-globe"></i>
        </router-link>
    </div>
    </tr>
 </template>

---

不确定如何将图标附加到蛋白质字段？

如果我正确理解了您的问题，您希望在蛋白质字段上添加动态图标，因此有一种方法可以实现这一点：

Vue.component'MyComponent'{ 模板：` {{carbs}} {{fats}} {{铁}} `, 道具：[‘蛋白质’、‘碳水化合物’、‘脂肪’、‘铁’] }; 新Vue{ el:‘演示’， 数据：=>{ 选择：{ 标题：[ {文本：'Protein'，值：'Protein'}， {文本：'Carbs'，值：'Carbs'}， {文本：'Fats'，值：'Fats'}， {文本：'Iron'，值：'Iron'} ], 项目：[ {蛋白质：'餐具'，碳水化合物：4，脂肪：1，铁：5}， {蛋白质：'购物篮'，碳水化合物：5，脂肪：5，铁：0}， {蛋白质：啤酒，碳水化合物：2，脂肪：9，铁：3} ], 隐藏：对 } } }

---

希望这对别人有帮助

<template>
  <v-data-table>
    <template v-slot:item.protein="{ item }">
      <i class="fa fa-globe"></i>{{ item.protein }}
    </template>
  </v-data-table>
</template>

---

您使用的是哪一版本的Vuetify？我使用的是1.5.18版本，与我想要的不太一样。我想知道是否有一种方法可以在我的组件中直接在td上添加图标？然后把它传给另一个组件？如果它有标题并且隐藏的是真的？@somethingwhich确实这样做，只允许你一次绑定多个道具蛋白质、碳水化合物等…@somethingwhich不确定你的第二个问题是什么意思。

<template>
  <v-data-table>
    <template v-slot:item.protein="{ item }">
      <i class="fa fa-globe"></i>{{ item.protein }}
    </template>
  </v-data-table>
</template>