ibkhall / v-phone-field

Vuetify phone input field

Vuetify phone field

Vuetify telephone field

Install

npm install @ibkhall/v-phone-field

Usage

<script setup>
import VPhoneField from '@ibkhall/v-phone-field'
import {ref} from 'vue'

const phone = ref('')
</script>
<template>
<!-- some codes -->

<VPhoneField v-model="phone"/>
<!-- some codes -->
</template>

Props

All VTextField props and following props

Name	Default	Description
default-country	the country fetched from IP address of user	The country iso2 code(ex: ne for Niger)
invalid-message	Invalid phone number	Error message to display when invalid

Events

All VTextField events and @validate

Name	Description
@validate	On phone number is valid

License

The MIT License.

Author

Ibrahim Boubacar [email protected]

v-phone-field's Issues

Can't type phone number extension although extensions are supported

If you type in the number one letter at a time, extensions aren't supported. However if you paste in a number with an extension it is supported and displayed correctly.

I think it would be nice to allow the users to type in extensions