form表单rules配置失效

form表单 rules 配置失效

• 方案1：检查item上是否使用v-if，如果使用v-if那么必须添加一个:key，并保持其唯一性

原因：v-if在操作dom时是在根节点上进行的删减，导致rules判断的时候无法取 v-if添加进来的prop值
，key不能变化，否则可能会导致输入后就会失去焦点

• 方案2: 使用this.$nextTick()

validate4ChangeEvent () {
  this.$nextTick(function () {
    this.$refs.formItem.onFieldChange()
  })
},
validate4BlurEvent () {
  this.$nextTick(function () {
    this.$refs.formItem.onFieldBlur()
  })
}

• 方案3: 使用延迟setTimeout

延迟设置时间