vuejs-phone-mask-input v1.0.0

@kai24/vue-phone-mask-input

Installation

yarn

yarn add vue-phone-mask-input

npm

npm i vue-phone-mask-input --save

Usage

import PhoneMaskInput from  "vue-phone-mask-input";

<template>
    <div>
      <h2>Example 4 [custom style]</h2>
      <phone-mask-input
        v-model="phone"
        autoDetectCountry
        showFlag
        @onValidate="onValidate"
        wrapperClass="wrraper-example"
        inputClass="input-example"
        flagClass="flag-example"
      />
      <p>
        Phone number:
        <b>{{phone}}</b>
      </p>
      <p class="json">{{valid}}</p>
    </div>
</template>

Props

Events

Available Flags

Here follows the list of the available flags. They are identified using the ISO 3166-1 standard.
This component currently support alpha-2 of the standard.