在 Vuetify 中，如何在数据 table 中使用独特的迷你图？

Question

我想创建一个 Vuetify data table，其中有一列包含 unique 中每个项目的迷你图数据 table。这可能吗？

有这个 and Sandbox example，但我正在努力修改它以使其每行具有唯一的迷你图。如有任何帮助或建议，我们将不胜感激。

我尝试将迷你图 'value' 数组添加到链接示例中的通用数据数组，例如：

    {
      name: "Frozen Yogurt",
      calories: 159,
      fat: 6.0,
      carbs: 24,
      protein: 4.0,
      iron: "1%",
      value: [0,1,2,3,4,5]
    },

但我不知道如何将这个值反馈到迷你图中，它只接受一个数组，而且似乎不接受数据数组列表（每行一个？）

Answer 1

更改：<template v-slot:item.chart> 至 <template v-slot:item.chart="{ item }">。
并将迷你图 :value 更改为 :value="item.value".

然后在您的甜点数组中为每个项目添加一个值，就像您的问题一样。示例 here.

在 Vuetify 中，如何在数据 table 中使用独特的迷你图？

In Vuetify, how can I use unique sparklines in a data table?

vue.js

vuetify.js