-
npm install vue-country-region-dropdown
-
import Vue from 'vue'
-
import VueCountryRegion from 'vue-country-region-dropdown'
-
Vue.use(VueCountryRegion)
- Usage:
<template>
<v-country-dropdown
:blacklist="blacklist"
placeholder="Select a Country"
:value="billing_country"
v-model="billing_country" />
</template>
<script>
export default {
data: () => ({
billing_country: 'US',
blacklist: ['A', 'AF', 'RU']
})
}
</script>
- Props:
blacklist
: (optional) an array of country shortcodes that should be omitted from the dropdown
value
: (optional)the country shortcode that belongs to the value that should be shown on mounted
- Usage:
<template>
<v-region-dropdown
:country="billing_country"
v-model="billing_state"
:value="billing_state"
placeholder="Select a Region"/>
</template>
<script>
export default {
data: () => ({
billing_state: 'CA',
billing_country: 'US'
})
}
<script>
- Props:
country
: The country code from v-country-dropdown
value
: (optional) the region shortcode of a region to be shown on load