5. el-from表单校验问题

el-from表单校验问题

关于vue表单Element表单验证事件初次加载就触发了校验的问题

原因： 初始值改变的时候会触发表单校验中的change事件

这里要注意：初始值是否必须要改变！

方法1：添加属性

属性名	说明	默认值
validate-on-rule-change	是否在 rules 属性改变后立即触发一次验证	true

设置validate-on-rule-change属性为false

方法2：清空校验

// nextTick时期先清除校验再重置表单		
nextTick(		
  () => {		
    // 清空校验
    ruleFormRef.value.clearValidate()		
    // 重置：属性统一置为 undefined		
    ruleFormRef.value.resetFields()		
  }		
)