Javascript Vue.js-将行的键传递给函数

这是我第一次在vue.js中处理数据表，所以我从api中提取了teams.id，并将其设置为数据表中每一行的唯一键。我的问题是我无法将密钥传递到“delete”函数。我能够得到索引，但我找不到一种方法来获得所述行的键

<v-data-table
:headers="headers"
:items="teams"
:key="teams.id"
sort-by="id"
class="elevation-1"
>

<template v-slot:item.actions="{ item }">
<v-icon
        small
        @click="deleteItem(item)"
>
    fas fa-trash
</v-icon>
</template>
</v-data-table>

deleteItem(item) {
    const index = this.teams.indexOf(item)
    if(confirm('Are you sure you want to delete this item?')) {
        axios.delete(this.apiUrl+index).then(resp => {
            this.teams.splice(index, 1)
        })
    }
},

垃圾
删除项目（项目）{
常量索引=this.teams.indexOf（项）
如果（确认（'您确定要删除此项目吗？'））{
delete（this.apiUrl+索引）。然后（resp=>{
此.teams.splice（索引，1）
})
}
},

---

谢谢大家!

如果此处的

键引用了
项
自身上的属性，则您可以在给定插槽道具的回调函数中访问该属性：

deleteItem（项目）{
console.log（item.id）//属性存在于此处
}
如果
：key=“teams.id”
那么
item.id
会在函数中生成您的密钥，不会吧？@Ohgodwhy，真不敢相信我花了几个小时在这上面。我非常感谢您的帮助，因为我对Vue.js缺乏经验。你完全正确。非常感谢您留下评论，以便我可以将您标记为未来用户的答案。@Ohgod为什么我建议将该解决方案重新发布为答案，以便它能够被接受并更容易查看