问题现象：

因为和修改用的同一个vue页面，所以只要点开修改之后，直接点击添加，就会显示校验的提示信息，也就是表单信息没有重置

---

---

 

解决方法：

解决方法一：在关闭弹框的地方或者需要重置的地方调用：

this.$refs["userInfo"].resetFields();

截图实例：

 下面是userInfo的具体展现

 

解决方法二：如果上面的方法不生效，就把回显赋值的地方嵌套在nextTick里面：

解决灵感来源：

element-ui的resetFields()方法不生效的原因及解决方法 | 码农家园

this.$nextTick(function(){
    // 这里就是表单回显数据赋值的地方
}

 截图示例：