Vue-international-phone-input NPM

vue-international-phone-input

A Vue component for entering and validating international telephone numbers.

Usage

Install the dependency by using yarn

yarn add vue-international-phone-input

or npm

npm i --save vue-international-phone-input

Import the component similar to this example:

<template>
  <div>
    <InternationalPhoneInput
      v-model="phoneNumber"
      label="Phone number"
      placeholder="enter phone number"
    />
  </div>
</template>

<script>
import InternationalPhoneInput from 'vue-international-phone-input';
export default {
  components: {
    InternationalPhoneInput,
    // ....
  },
  data: () => ({
    phoneNumber: '',
    //...
  }),
};
</script>