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