Vue.js Vuetify可展开表展开所有同名行

在Vuetify中可展开表的基本代码笔中，我注意到当表中两个条目的名称相同时，单击“行展开”也会展开具有相同名称条目的另一行。有没有办法避免这种情况

以下是重新创建的问题：

---

（单击第一行也会展开第二行）

之所以发生这种情况，是因为

name

是数据表上的项键。使用不同的

项目键

<v-data-table
  :headers="headers"
  :items="desserts"
  :single-expand="singleExpand"
  :expanded.sync="expanded"
  item-key="id"
  show-expand
  class="elevation-1"
>
...
</v-data-table>

...

演示：