Gathering detailed insights and metrics for vue-country-code
Gathering detailed insights and metrics for vue-country-code
Gathering detailed insights and metrics for vue-country-code
Gathering detailed insights and metrics for vue-country-code
vue-country-code-select
Country Code Select with Vue
vue-country-intl
A vue-based mobile phone area code selection, nationality selection component(一个基于vue的手机区号选择、国籍选择组件)
vue-country-code-selector
这是一个结合vue框架的国际区号选择器,可以点击选择某一国家或地区的区号进行选择
vue-phone-country-code
A phone number input made with Vue JS && libphonenumber-js
npm install vue-country-code
Typescript
Module System
Node Version
NPM Version
CSS (81.05%)
JavaScript (9.7%)
Vue (8.83%)
HTML (0.41%)
Total Downloads
0
Last Day
0
Last Week
0
Last Month
0
Last Year
0
MIT License
23 Stars
52 Commits
16 Forks
1 Watchers
13 Branches
3 Contributors
Updated on May 28, 2025
Latest Version
1.1.3
Package Id
vue-country-code@1.1.3
Unpacked Size
206.92 kB
Size
100.23 kB
File Count
4
NPM Version
8.1.2
Node Version
16.13.2
Cumulative downloads
Total Downloads
Last Day
0%
NaN
Compared to previous day
Last Week
0%
NaN
Compared to previous week
Last Month
0%
NaN
Compared to previous month
Last Year
0%
NaN
Compared to previous year
23
Country Code Select with Vue.
Checkout Demo at Github pages.
1 yarn add vue-country-code
1 npm i --save vue-country-code
Install as a global component:
1import Vue from "vue"; 2import VueCountryCode from "vue-country-code"; 3 4Vue.use(VueCountryCode);
In your component:
1<template> 2... 3 <vue-country-code 4 @onSelect="onSelect" 5 <!-- optional --> 6 :preferredCountries="['vn', 'us', 'gb']"> 7 </vue-country-code> 8... 9<template> 10<script> 11export default { 12 data() { 13 return { 14 }; 15 }, 16 methods: { 17 onSelect({name, iso2, dialCode}) { 18 console.log(name, iso2, dialCode); 19 }, 20 }, 21} 22</script>
Manual Trigger:
1<template> 2... 3 <vue-country-code 4 ref="vcc" 5 @onSelect="onSelect" 6 </vue-country-code> 7 <button @click="manualTrigger">Manual Trigger</button> 8... 9<template> 10<script> 11export default { 12data() { 13 return { 14 }; 15}, 16methods: { 17 onSelect({name, iso2, dialCode}) { 18 console.log(name, iso2, dialCode); 19 }, 20 manualTrigger() { 21 this.$refs.vcc.manualDropdown(); 22 } 23}, 24} 25</script>
Property value | Type | Default value | Description |
---|---|---|---|
defaultCountry | string | '' | Default country, will override the country fetched from IP address of user |
disabledFetchingCountry | Boolean | false | Disable fetching current country based on IP address of user |
enabledCountryCode | Boolean | false | Enable country code in the input |
enabledFlags | Boolean | true | Enable flags in the input |
preferredCountries | Array | [] | Preferred countries list, will be on top of the dropdown. ie ['AU', 'BR'] |
onlyCountries | Array | [] | List of countries will be shown on the dropdown. ie ['AU', 'BR'] |
ignoredCountries | Array | [] | List of countries will NOT be shown on the dropdown. ie ['AU', 'BR'] |
dropdownOptions | Object | { disabledDialCode: false } | Options for dropdown, supporting disabledDialCode |
Property value | Arguments | Description |
---|---|---|
onSelect | Object | Fires when the input changes with the argument is the object includes { name, iso2, dialCode } |
1 2# install dependencies 3$ yarn/npm install 4 5# compile demo and start serve for development 6$ yarn/npm dev 7 8# build 9$ yarn/npm build 10
Made by Mon.
No vulnerabilities found.
Reason
no binaries found in the repo
Reason
license file detected
Details
Reason
Found 2/7 approved changesets -- score normalized to 2
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no effort to earn an OpenSSF best practices badge detected
Reason
security policy file not detected
Details
Reason
project is not fuzzed
Details
Reason
branch protection not enabled on development/release branches
Details
Reason
SAST tool is not run on all commits -- score normalized to 0
Details
Reason
83 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-07-07
The Open Source Security Foundation is a cross-industry collaboration to improve the security of open source software (OSS). The Scorecard provides security health metrics for open source projects.
Learn More