如何在点击时传递道具（v-data-table）答案

【问题标题】：How to pass props on click (v-data-table)如何在点击时传递道具（v-data-table）
【发布时间】：2021-08-09 10:56:52
【问题描述】：

我在我的应用程序中使用 v-data-table，现在在点击时传递道具有问题。

我可以用额外的插槽支持。但我想点击整行打开带有道具item的对话框：

<template v-slot:item.actions="{ item }">
    <div><v-icon small class="mr-2" @click="openInDialog(item)"> mdi-arrow-right </v-icon></div>
</template>

以下内容仅用于触发该函数，但是如何在该函数中传递一项？：

<v-data-table
    @click:row="openEquipmentInDialog()"
    style="cursor: pointer"
></v-data-table>

【问题讨论】：

标签： javascript vue.js vuetify.js

【解决方案1】：

点击项是事件处理程序的第一个参数：

<v-data-table
@click:row="openEquipmentInDialog"
style="cursor: pointer"
></v-data-table>

方法：

openEquipmentInDialog(item){
//
}

【讨论】：

谢谢！它以某种方式自动传递 if 不使用 () 标签。它有效。