Vuetify可扩展表格：展开所有具有相同名称的行

Question

在Vuetify中可扩展表格的基本代码pen中，我注意到当表格中两个条目的名称相同时，点击行以展开也会展开具有相同名称条目的其他行。有没有办法避免这种情况发生？ 以下是重现的问题：https://codepen.io/entropy283/pen/eYJdmLp?editable=true&editors=101%3Dhttps%3A%2F%2Fvuetifyjs.com%2Fen%2Fcomponents%2Fdata-tables%2F （点击第一行也会展开第二行）

- entropy283

Answer 1

这是因为在数据表中，name 是项目键值。请使用不同的 item-key...

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

演示： https://codeply.com/p/VJn8sEMr45

- Zim