Vue.js 在v-data-table的“操作按钮”列中重复单击事件

在vuetify中，我希望在单击行的任何部分时显示项目数据，或者在单击行中的按钮时删除项目

但是，如果单击“删除”按钮，将触发两个事件。我尝试使用

@click:row.self='viewItem'

，但似乎不起作用

mdi导出//请参阅项目详细信息
mdi delete//delete项
导出默认值{
数据：（）=>({
甜点：[
{
名称：“冷冻酸奶”，
卡路里：159，
},
],
标题：[
{
文字：“甜点（100克），
对齐：“开始”，
可排序：false，
值：“名称”，
},
{文本：'卡路里'，值：'卡路里'}，
],
}),
}

否，问题出在您的

项目中。操作

插槽-单击图标时，您需要停止从图标到表行的单击事件，请尝试以下操作：

mdi出口
mdi删除

我完全忘记了这件事。工作得很有魅力！