Vue.js 在Vuetify数据表中使用组件

我有一个Nuxt

2.9.0

应用程序，我正在使用

@nuxtjs/vuetify

1.11.3

我正在重构应用程序中的一些HTML表，并用Vuetify的

v-data-table

组件替换它们。现在，在我们的旧表格中，我们有这些条形图组件，我们将在表格单元格中呈现，如下所示：

{{totalAvg}}

该

RatingBar

组件基本上只是一个带有背景色的空div，如下所示

在移动到Vuetify数据表时，保持此功能的正确方式是什么

---

我知道Vuetify实现了一些插槽，例如

#header

插槽，但我不确定这些插槽在涉及表单元格时是如何工作的，因为例如

#header

插槽似乎只是附加了您为该插槽编写的任何

，Vuetify的

v-data-table

支持通过

#项对特定列进行自定义呈现，而不是实际替换标题