ekampp / flags-dropdown-vue

Flag Dropdown Component for Vue2

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

s# flag-dropdown-vue Flag Dropdown Component for Vue2

Installation

npm install flags-dropdown-vue --save

Usage

import FlagsDropdown from 'flags-dropdown-vue'
Vue.component('flags-dropdown', FlagsDropdown);

var app = new Vue({
    el: '#app',
    data: {
      country_iso : "mm"
    },
    methods: {
    	optionSelected: function (data) {
            //console.log(data.id)
            //console.log(data.phonecode)
            this.country_iso = data.iso
      }
    }
});

Html

<link rel="stylesheet" type="text/css" href="https://rawgit.com/beyondplus/flags-dropdown-vue/master/css/flags.min.css">
<link rel="stylesheet" type="text/css" href="https://rawgit.com/beyondplus/flags-dropdown-vue/master/css/custom.css">
<flags-dropdown  v-on:change="optionSelected" :selected="country_iso"></flags-dropdown>

Demo Link

Demo

alt text

Our Website

www.beyondplus.biz

About

Flag Dropdown Component for Vue2

License:MIT License


Languages

Language:HTML 61.6%Language:Vue 19.5%Language:CSS 18.9%