Javascript 如何使用Vuetify中的对话框连接表记录

如何在Vuetify的对话框中从表中获取动态数据。我有一张数据表

    <td class="text-xs-left">{{ props.item.id }}</td>
    <td class="text-xs-left">{{ props.item.title }}</td>
    <td class="text-xs-left">{{ props.item.quantity }}</td>
    <td class="text-xs-left"> <Dialog :to="'/products/' + props.item.id"></Dialog></td>

{{props.item.id}
{{props.item.title}
{{props.item.quantity}

我有component Dialog.Vue。 如何连接到单击以在对话框中打开特定记录

---

对话框应放置在表外。在表中，应该有触发对话框的按钮。在示例@click=“dialog_visible=true”上，如果需要动态对话框，可以在@click方法中为对话框设置参数。

{{props.item.id}}{{props.item.title}{{{props.item.quantity}}显示详细信息这是我的新代码。我删除对话框标记并添加@click侦听器。我只需要从表中获取动态数据，您可以将数据作为函数参数传递给对话框。类似于打开对话框，然后在openDialog函数中，您可以告诉它。Dialog\u data=item，您可以从对话框中访问所选元素。