vue-country-code-select

vue-country-code-select

Country Code Select with Vue.

Checkout Demo at Github pages.

Installation

• yarn:

    yarn add vue-country-code-select
  

• npm:

    npm i --save vue-country-code-select
  

Usage

• Install as a global component:

  import Vue from "vue";
  import VueCountryCode from "vue-country-code-select";
  
  Vue.use(VueCountryCode);
  

• In your component:

  <template>
  ...
     <vue-country-code
                    @onSelect="onSelect"
                    <!-- optional -->
                    :preferredCountries="['vn', 'us', 'gb']">
     </vue-country-code>
  ...
  <template>
  <script>
  export default {
    data() {
      return {
      };
    },
    methods: {
       onSelect({name, iso2, dialCode}) {
         console.log(name, iso2, dialCode);
       },
    },
  }
  </script>
  

• Register the new field as a global component

Props

Events

Highlights & Credits

• Forked from hantrongbinh/vue-country-code.
• Vue app created by vue-cli.
• Telephone Number parsing, validation by libphonenumber-js.
• Country Codes data from intl-tel-input.
• Country Flags by behdad/region-flags.
• User's Location by get-json and ipifo.io

Demo Usage

# install dependencies
$ yarn/npm install

# compile demo and start serve for development
$ yarn/npm dev

# build
$ yarn/npm build

Made by Mon.