Skip to content

Events ​

Vue Simple Phone has the following events

@update:modelValue (ParsedPhoneNumber) ​

Triggers when a user tries to input their number.

vue
<VueSimplePhone @update:modelValue="(number) => console.log(number)"/>

@open ​

Triggers when a user tried to open the dropdown via clicking on the button.

vue
<VueSimplePhone @open="console.log('opening')"/>

@close ​

Triggers when a user tried to close the dropdown via clicking outside, selecting a new country, clicking on the button.

vue
<VueSimplePhone @close="console.log('closing')"/>

Missing Something? ​

Create an issue on our GitHub! We very well may be able to add your feature.