Need help with Radio component

[DanishOnGit]

Hello everyone!

I want to use an @change event and also emit the event (writing in Vue3)

I tried putting @change on the <RadioGroupOption> component, but the handleInput method is not getting called (since the log statement is not showing in console).

How can I call the handleInput method?

Code is shown below. Please Help!

<template>
<RadioGroupOption
        @change="handleInput"
        as="template"
        v-for="(option, optionIdx) in options"
        :key="option?.name"
        :value="option"
        v-slot="{ checked, active }"
        :disabled="option?.isDisabled || false"
      > ..... </RadioGroupOption>
  </template>
 
 
 export default {
 methods:{
  handleInput(e) {
      console.log("handleInput called...");
      this.$emit("input", e.target.value);
    }
    }
}
 

[DanishOnGit]

Guys it got solved! Changed it from @change to @click