提交后，长尾自动生成，无需手动改写！

本文共计1082个文字，预计阅读时间需要5分钟。

在项目中实现联系人添加和编辑功能，点击父级页面的添加和编辑按钮，使用的是同一个表单弹窗。数据添加和编辑共用一个弹窗，没有在弹窗中使用v-if，性能不是很好，弹窗中包含表单。

在项目中做联系人的添加和编辑功能，点击父级页面的添加和编辑按钮，用的是同一个表单弹窗，数据添加和编辑用同一个弹窗，没有在弹窗使用v-if，性能不是很好，弹窗中有表单，在编辑弹窗表单数据之后关闭弹窗，然后点击添加的时候，弹窗里的表单数据还是之前编辑的数据，无法做到清空表单数据，接下来是解决方法了，嘿嘿

首先是不管是添加还是编辑，都需要将子组件需要的对象属性一一写出来，传给子组件，

然后是主要用到了el-form表单有一个清空重置表单数据的事件方法resetField()，在子组件表单弹窗打开的时候清空一下，在关闭子组件表单弹窗的时候还需要调用resetField()去重置表单数据。这样编辑数据之后再次打开添加数据，页面不会有之前的数据存在，也不会出现验证信息在页面上。