基于vue的element弹框 表单 先点击修改再点击新建 此时有数据怎么清空？

Question

基于element 对话框 和表单

当我点击修改的时候弹窗里面的表单会有此行的数据，然后在点击添加就会当前的数据，应该怎么清空呢？

这是修改的方法

这是新增的方法，如果在新增的方法这样写 this.ruleForm={}的话 是有问题的，具体就是表单无法重置数据了，reset按钮，并且我用if操作这个弹窗依旧会有数据存在。。

Answer 1

其实就2套数据 修改的时候object.assign新增的时候不是这个数据要重新写一个表单数据 新增的是这个数据就可以了

Answer 2

resetFields 方法可以重置表单 但是需要你在el-form-item标签上加上prop属性才行