如何在点击时传递道具(v-data-table)
How to pass props on click (v-data-table)
我在我的应用程序中使用 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>
点击项是事件处理器的第一个参数:
<v-data-table
@click:row="openEquipmentInDialog"
style="cursor: pointer"
></v-data-table>
方法:
openEquipmentInDialog(item){
//
}
我在我的应用程序中使用 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>
点击项是事件处理器的第一个参数:
<v-data-table
@click:row="openEquipmentInDialog"
style="cursor: pointer"
></v-data-table>
方法:
openEquipmentInDialog(item){
//
}