fix: refs #8372 allow form submission without prevention

src/boot/qformMixin.js

@@ -44,7 +44,7 @@ export default {
                     return;
                 }
                 evt.preventDefault();
-                that.onSubmit();
+                that.onSubmit({ ...evt, prevent: false });
             }
         });
     },

src/components/FormModel.vue

@@ -113,7 +113,7 @@ const defaultButtons = computed(() => ({
         color: 'primary',
         icon: 'save',
         label: 'globals.save',
-        click: () => myForm.value.submit(),
+        click: () => myForm.value.onSubmit({ prevent: false }),
         type: 'submit',
     },
     reset: {
@@ -202,7 +202,8 @@ async function fetch() {
     }
 }
 
-async function save() {
+async function save({ prevent = true }) {
+    if (prevent) return;
     if ($props.observeFormChanges && !hasChanges.value)
         return notify('globals.noChanges', 'negative');
 
@@ -288,7 +289,7 @@ defineExpose({
         <QForm
             ref="myForm"
             v-if="formData"
-            @submit.prevent="save"
+            @submit="save"
             @reset="reset"
             class="q-pa-md"
             :style="maxWidth ? 'max-width: ' + maxWidth : ''"

src/components/FormModelPopup.vue

@@ -67,7 +67,7 @@ defineExpose({
                 <QBtn
                     :label="t('globals.save')"
                     :title="t('globals.save')"
-                    type="submit"
+                    @click="formModelRef.save({ prevent: false })"
                     color="primary"
                     class="q-ml-sm"
                     :disabled="isLoading"

src/pages/Customer/components/CustomerNewPayment.vue

@@ -189,6 +189,7 @@ async function getAmountPaid() {
             :url-create="urlCreate"
             :mapper="onBeforeSave"
             @on-data-saved="onDataSaved"
+            :prevent-submit="true"
         >
             <template #form="{ data, validate }">
                 <span ref="closeButton" class="row justify-end close-icon" v-close-popup>
@@ -303,7 +304,7 @@ async function getAmountPaid() {
                         :label="t('globals.save')"
                         :loading="formModelRef.isLoading"
                         color="primary"
-                        @click="formModelRef.save()"
+                        @click="formModelRef.save({ prevent: false })"
                     />
                 </div>
             </template>