fix(form): should scroll into first invalid field

sunshine5856 · Oct 18, 2019 · c46d471 · c46d471
1 parent e7a85a2
commit c46d471
Showing 1 changed file with 4 additions and 5 deletions.
diff --git a/src/components/form/form.vue b/src/components/form/form.vue
@@ -144,6 +144,10 @@
             this.$emit(EVENT_VALID, this.validity)
             this.$emit(EVENT_SUBMIT, e, this.model, this.fieldsModel)
           } else {
+            // scrollToInvalidField
+            if (this.options.scrollToInvalidField && this.firstInvalidField) {
+              this.firstInvalidField.$el.scrollIntoView()
+            }
             e.preventDefault()
             this.$emit(EVENT_INVALID, this.validity)
           }
@@ -164,11 +168,6 @@
       },
       _submit(cb) {
         this.validate(() => {
-          if (this.invalid) {
-            if (this.options.scrollToInvalidField && this.firstInvalidField) {
-              this.firstInvalidField.$el.scrollIntoView()
-            }
-          }
           cb && cb(this.valid)
         })
       },