javascript - 对话框维护更改的值

Question

我有一个显示用户名和电子邮件地址的组件。我打开一个新对话框，用户可以在其中编辑姓名和电子邮件。编辑对话框的用户数据作为属性传递到对话框。对话框的编辑文本字段已预先填充当前用户名/电子邮件以供编辑。当用户编辑名称但单击对话框上的取消然后再次打开对话框时，更改仍然存在。它似乎没有接受作为 prop 传递的值？我该如何解决这个问题？

  <template>

 <div>

    <v-dialog v-model="EditDialog" persistent max-width="400px" >

          <Dialog :user="user"  height="400px"   />
        </v-dialog>

  <other stuff on page>
</div>
</template>

对话框

 <v-text-field
    label="Name"
   v-model="user.name"

  filled
    placeholder="Name"
  ></v-text-field>

Answer 1

1. 在打开对话框之前，将要在对话框中编辑的属性复制到对话框数据部分。
2. 使用复制的 Prop 进行编辑(将它们绑定(bind)到您的编辑器组件)。
3. 对话框确认后，将编辑后的 Prop 复制回原始 Prop 。