diff --git a/resources/assets/js/components/form/WebhookDelivery.vue b/resources/assets/js/components/form/WebhookDelivery.vue
index 1c528ff0e5..942f89ba09 100644
--- a/resources/assets/js/components/form/WebhookDelivery.vue
+++ b/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>
diff --git a/resources/assets/js/components/form/WebhookResponse.vue b/resources/assets/js/components/form/WebhookResponse.vue
index 93cc404645..cc32c5febb 100644
--- a/resources/assets/js/components/form/WebhookResponse.vue
+++ b/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,7 +69,10 @@ export default {
   watch: {
     value() {
       this.response = this.value;
-    }
+    },
+  response(newValue) {
+    this.$emit('input', newValue);
+  }
   },
   mounted() {
     this.response = this.value;
@@ -83,10 +85,7 @@ export default {
   methods: {
     hasError() {
       return this.error?.length > 0;
-    },
-    handleInput() {
-      this.$emit('input', this.response);
-    },
+    }
   },
 }
 </script>
diff --git a/resources/assets/js/components/form/WebhookTrigger.vue b/resources/assets/js/components/form/WebhookTrigger.vue
index 9b67934e3b..bb5b5efa7b 100644
--- a/resources/assets/js/components/form/WebhookTrigger.vue
+++ b/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>