在Vue中从父级到子级传递道具给v-dialog

Question

我是Vue的新手，看过一些关于我的问题的答案，我想通过v-model从我的子组件传递一个id(例如0099)给父组件。这样可以传递ID吗?

这是我的子代码:

<template>
<v-dialog v-model="show" width="unset">
<v-card class="px-15 py-8" elevation="0">
<div class="px-6 py-8 mb-n4 text-center">
<span class="lucky-point--text text-h6">
Are you sure you want to access this employee?
</span>
</div>
</v-card>
</v-dialog>
</template>

我想要的是，在v-model="show"中，我还想包括员工的一些id。

v-model="show[0099]

到父节点。父代码:

<ClaimDialog
:id="item.employeeid"
/>

虽然我用了一些道具

props: {
id: Number
}

一旦我点击从父对话框，它会堆叠在另一个的顶部。我找到了一个答案，但对我来说有点棘手，因为我是Vue的新手，而且这种方法与我的方法不同，因为我的方法有一个子组件。问题来了:为什么我的对话框会堆叠在一起?(Vuetify)

Answer 1

如果你需要将数据从子元素传递给父元素，那么你必须使用$emit

• 下面是一个问答的例子
• 这里是官方文件的链接

如果这些链接对你没有帮助，那么更新问题:数据应该在什么事件上传输，以及你的组件是如何连接的(来自你的组件的更多代码)