better preformance

Author: ricardovanlaarhoven

generator/templates/Crud/src/components/BaseForm.vue

@@ -33,12 +33,12 @@
             },
             valid: {
                 handler() {
-                    this.$emit('input', {values: this.values, valid: this.valid});
+                    this.handleFormEmit();
                 },
             },
             values: {
                 handler() {
-                    this.$emit('input', {values: this.values, valid: this.valid});
+                    this.handleFormEmit();
                 },
                 deep: true,
             },
@@ -71,6 +71,12 @@
             setFormValues(values) {
                 return values;
             },
+            handleFormEmit() {
+                clearTimeout(this.emitTimeout);
+                this.emitTimeout = setTimeout(() => {
+                    this.$emit('input', {values: this.values, valid: this.valid});
+                }, 500);
+            },
         },
     };
 </script>