Merge pull request #7232 from firefly-iii/fix-7227

Fix https://github.com/firefly-iii/firefly-iii/issues/7227

resources/assets/js/components/form/WebhookDelivery.vue

@@ -29,7 +29,6 @@
           v-model="delivery"
           :title="$t('form.webhook_delivery')"
           class="form-control"
-          @input="handleInput"
           name="webhook_delivery"
       >
         <option v-for="delivery in this.deliveries"
@@ -78,15 +77,15 @@ export default {
   watch: {
     value() {
       this.delivery = this.value;
+    },
+    delivery(newValue) {
+      this.$emit('input', newValue);
     }
   },
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.delivery);
-    },
+    }
   },
 }
 </script>

resources/assets/js/components/form/WebhookResponse.vue

@@ -29,7 +29,6 @@
           v-model="response"
           :title="$t('form.webhook_response')"
           class="form-control"
-          @input="handleInput"
           name="webhook_response"
       >
         <option v-for="response in this.responses"
@@ -70,6 +69,9 @@ export default {
   watch: {
     value() {
       this.response = this.value;
+    },
+  response(newValue) {
+    this.$emit('input', newValue);
   }
   },
   mounted() {
@@ -83,10 +85,7 @@ export default {
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.response);
-    },
+    }
   },
 }
 </script>

resources/assets/js/components/form/WebhookTrigger.vue

@@ -29,7 +29,6 @@
           v-model="trigger"
           :title="$t('form.webhook_trigger')"
           class="form-control"
-          @input="handleInput"
           name="webhook_trigger"
       >
         <option v-for="trigger in this.triggers"
@@ -78,15 +77,15 @@ export default {
   watch: {
     value() {
       this.trigger = this.value;
+    },
+    trigger(newValue) {
+      this.$emit('input', newValue);
     }
   },
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.trigger);
-    },
+    }
   },
 }
 </script>