Gathering detailed insights and metrics for vue-country-code-select
Gathering detailed insights and metrics for vue-country-code-select
Gathering detailed insights and metrics for vue-country-code-select
Gathering detailed insights and metrics for vue-country-code-select
vue-country-intl
A vue-based mobile phone area code selection, nationality selection component(一个基于vue的手机区号选择、国籍选择组件)
vue-country-code
Country Code Select with Vue
vue-country-dropdown
Country Dropdown with Vue
vue2-country-intl
A vue-based mobile phone area code selection, nationality selection component(一个基于vue的手机区号选择、国籍选择组件)
npm install vue-country-code-select
Typescript
Module System
Node Version
NPM Version
76.9
Supply Chain
99.4
Quality
75.7
Maintenance
100
Vulnerability
100
License
JavaScript (50.54%)
Vue (47.32%)
HTML (2.14%)
Total Downloads
146,145
Last Day
2
Last Week
608
Last Month
3,091
Last Year
38,559
MIT License
8 Stars
23 Commits
2 Forks
1 Branches
1 Contributors
Updated on Feb 08, 2025
Minified
Minified + Gzipped
Latest Version
1.6.7
Package Id
vue-country-code-select@1.6.7
Unpacked Size
428.07 kB
Size
266.64 kB
File Count
4
NPM Version
7.0.15
Node Version
15.4.0
Cumulative downloads
Total Downloads
23
Country Code Select with Vue.
Checkout Demo at Github pages.
1 yarn add vue-country-code-select
1 npm i --save vue-country-code-select
Install as a global component:
1import Vue from "vue"; 2import VueCountryCode from "vue-country-code-select"; 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>
Register the new field as a global component
Property value | Type | Default value | Description |
---|---|---|---|
defaultCountry | string | '' | Default country, will override the country fetched from IP address of user |
searchPlaceholderText | string | '' | Default text - "Search country" |
enableSearchField | Boolean | '' | Default "false" |
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 0/23 approved changesets -- score normalized to 0
Reason
0 commit(s) and 0 issue activity found in the last 90 days -- score normalized to 0
Reason
no SAST tool detected
Details
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
98 existing vulnerabilities detected
Details
Score
Last Scanned on 2025-06-30
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 MoreLast Day
-66.7%
2
Compared to previous day
Last Week
-12.6%
608
Compared to previous week
Last Month
9.2%
3,091
Compared to previous month
Last Year
7.2%
38,559
Compared to previous year