VuePhoneNumberInput

Github NPM

Basic usage

v-model :

Datas returned with "update" event

KeyValue
countryCode US
isValid false
Payload: { "countryCode": "US", "isValid": false }

With translations (FR) - No flags - Dark - No Use Browser Locale

v-model :

Datas returned with "update" event

KeyValue
Payload: {}

No country chooser (use `default-country-code` to set the country)

v-model : 06 65 65 65 65
Current country code : FR

Datas returned with "update" event

KeyValue
countryCode FR
isValid true
phoneNumber 0665656565
countryCallingCode 33
formattedNumber +33665656565
nationalNumber 665656565
type
formatInternational +33 6 65 65 65 65
formatNational 06 65 65 65 65
uri tel:+33665656565
e164 +33665656565
Payload: { "countryCode": "FR", "isValid": true, "phoneNumber": "0665656565", "countryCallingCode": "33", "formattedNumber": "+33665656565", "nationalNumber": "665656565", "formatInternational": "+33 6 65 65 65 65", "formatNational": "06 65 65 65 65", "uri": "tel:+33665656565", "e164": "+33665656565" }