首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >如何在点击时传递道具(v-data-table)

如何在点击时传递道具(v-data-table)
EN

Stack Overflow用户
提问于 2021-08-09 10:56:53
回答 1查看 106关注 0票数 0

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

我可以用额外的插槽来支撑。但我想要单击整行,以便使用prop item打开对话框

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

下面的代码仅用于触发函数,但如何在该函数中传递一项呢?

代码语言:javascript
复制
<v-data-table
    @click:row="openEquipmentInDialog()"
    style="cursor: pointer"
></v-data-table>
EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-08-09 11:00:15

单击项是事件处理程序的第一个参数:

代码语言:javascript
复制
<v-data-table
@click:row="openEquipmentInDialog"
style="cursor: pointer"
></v-data-table>

方法:

代码语言:javascript
复制
openEquipmentInDialog(item){
//
}
票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/68710873

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档