1.表单验证,数据更新后,验证还在,数据有值,或者报验证错误解决方法:在data(){}中,初始化表单验证的所有字段;2.当element-ui关闭清空表单数据时会触发change事件。再次打开会显示验证提示解决方法:重新打开页面或弹框时,在dom渲染完成后重新设置数据,如下:this.$nextTick(()=>{this.$refs['formRules'].clearValidate();//先清除校验this.$refs['formRules'].resetFields();//初始化所有字段})3.ElementUi关闭表单调用resetFields(),不清除表单数据场景:在弹框编辑表单时,传入parent的数据,给表单赋值出现问题:刷新整个页面,第一次弹窗是opened是操作编辑,此时给表单赋值,mounted还没结束,调用resetFields(),表单数据没有被清除;//resetFields()重置整个表单,并将所有字段值重置为初始值//初始值在调用挂载的生命周期函数时赋值//解决方法,使用~~~~this.$nextTick(()=>{this.$refs['formRules'].resetFields();})
