Appearance
vue3-intl-input Props
| Property | Type | Default Value |
|---|---|---|
| firstValue | object ( alpha2Code, country, dialCode) | alpha2Code:'us' country:'United States' dialCode:'82' |
| inputInfoMsg | string | '' |
| contentType | string ( 'modal', 'dropdown', 'dropdown-up') | 'modal' |
| title | string | 'Phone Number' |
| placeholder | string | 'Phone number' |
| searchPlaceholder | string | 'Search' |
| noDataText | string | 'No Search Data....' |
| maxlength | string | '13' |
| effect | boolean | false |
| clickCloseOutSide | boolean | false |
| showTelInput | boolean | true |
| showDialCode | boolean | true |
| showSearchCountryInput | boolean | true |
| bindingMode | number (intlMode = 1, language = 2) | 1 |
| countriesList | [string] | [] |
js
// functions
@sendInputValue="function"
const function = (val: object) => {
console.log(val);
}
@sendCountryInfo="function"
const function = (info: object) => {
console.log(info);
}