在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

• 这是一个问答的例子
• 这是官方文档的链接

如果这些链接对您没有帮助，请更新问题：应该在什么事件上传输数据，以及您的组件如何连接（来自您的组件的更多代码）