vue-intl-telephone-input

Vue component for input international telephone numbers and validating.

Installation

• yarn:

    yarn add vue-intl-telephone-input

• npm:

    npm i --save vue-intl-telephone-input

Usage

• Install as a global component:

  import IntlTelInput from 'vue-intl-telephone-input';
  
  Vue.component('intl-tel-input', IntlTelInput);

• In your component:

  <template>
  ...
     <intl-tel-input :countryCode="'tw'" @validateSuccess="onSuccess"></intl-tel-input>
  ...
  <template>
  <script>
  export default {
    data() {
      return {
        phone: '',
      };
    },
    methods: {
      /**
       * @param {string} number
       * @param {string} country
       */
       onSuccess({ number, countryCode }) {
         console.log(number, countryCode);
       }
    },
  }
  </script>

• Add a component:

  <template>
    <intl-tel-input :countryCode="'tw'"></intl-tel-input>
  </template>
  
  <script>
  import IntlTelInput from 'vue-intl-telephone-input';
  
  export default {
    name: 'Home',
    components: {
      IntlTelInput,
    }
  };
  </script>

Props

Events