|
|
<template> <div class="tw-flex tw-flex-col"> <div v-if="language"> <select v-model="codeSelect" :class="['tw-text-black tw-h-[44px] tw-text-[13px] tw-border tw-border-solid tw-border-neutrals-200 tw-rounded-[5px] tw-px-[15px] tw-py-[9px] tw-outline-none tw-mr-[5px] focus:tw-border-primary-1', validation ? '' : 'tw-border-error-default' ]" > <option :value="0">{{ $t("Select option") }}</option> <option v-for="(item, index) in countryCodeOptions_tw" :key="index" :value="item.id" > {{ item.code + " " + item.name }} </option> </select> </div> <div v-else> <select v-model="codeSelect" :class="['tw-text-neutrals-500 tw-h-[44px] tw-text-[13px] tw-border tw-border-solid tw-border-neutrals-200 tw-rounded-[5px] tw-px-[15px] tw-py-[9px] tw-outline-none tw-mr-[5px] focus:tw-border-primary-1', validation ? '' : 'tw-border-error-default' ]" > <option v-for="(item, index) in countryCodeOptions_en" :key="index" :value="item.id" > {{ item.code + " " + item.name }} </option> </select> </div> </div> </template> <script> export default { name: "elementCountryCodeSelect",
data() { return { language: true, codeSelect: "999", countryCodeOptions_tw:[
{ id: 'as', name: '美屬薩摩亞', code: '+1' }, { id: 'ai', name: '安圭拉', code: '+1' }, { id: 'ag', name: '安提瓜和巴布達', code: '+1' }, { id: 'bs', name: '巴哈馬', code: '+1' }, { id: 'bb', name: '巴巴多斯', code: '+1' }, { id: 'bm', name: '百慕達', code: '+1' }, { id: 'vg', name: '英屬維京群島', code: '+1' }, { id: 'ca', name: '加拿大', code: '+1' }, { id: 'ky', name: '開曼群島', code: '+1' }, { id: 'dm', name: '多米尼克', code: '+1' }, { id: 'do', name: '多明尼加共和國(República Dominicana)', code: '+1' }, { id: 'gu', name: '關島', code: '+1' }, { id: 'gd', name: '格瑞那達', code: '+1' }, { id: 'us', name: '美國', code: '+1' }, { id: 'tt', name: '千里達及托巴哥', code: '+1' }, { id: 'sx', name: '荷屬聖馬丁', code: '+1' }, { id: 'vc', name: '聖文森及格瑞那丁', code: '+1' }, { id: 'kn', name: '聖克里斯多福及尼維斯', code: '+1' }, { id: 'lc', name: '聖盧西亞', code: '+1' }, { id: 'pr', name: '波多黎各', code: '+1' }, { id: 'mp', name: '北馬里亞納群島', code: '+1' }, { id: 'ms', name: '蒙特塞拉特', code: '+1' }, { id: 'jm', name: '牙買加', code: '+1' }, { id: 'vi', name: '美屬維京群島', code: '+1' }, { id: 'tc', name: '特克斯和凱科斯群島', code: '+1' }, { id: 'kz', name: '哈薩克斯坦 (Казахстан)', code: '+7' }, { id: 'ru', name: '俄羅斯(Россия)', code: '+7' }, { id: 'eg', name: '埃及(مصر)', code: '+20' }, { id: 'za', name: '南非', code: '+27' }, { id: 'gr', name: '希臘', code: '+30' }, { id: 'nl', name: '荷蘭', code: '+31' }, { id: 'be', name: '比利時(België)', code: '+32' }, { id: 'fr', name: '法國', code: '+33' }, { id: 'es', name: '西班牙', code: '+34' }, { id: 'it', name: '意大利 (Italia)', code: '+39' }, { id: 'va', name: '梵蒂岡城', code: '+39' }, { id: 'ro', name: '羅馬尼亞(România)', code: '+40' }, { id: 'ch', name: '瑞士', code: '+41' }, { id: 'gg', name: '根西島', code: '+44' }, { id: 'gb', name: '英國', code: '+44' }, { id: 'je', name: '澤西島', code: '+44' }, { id: 'dk', name: '丹麥(Danmark)', code: '+45' }, { id: 'se', name: '瑞典', code: '+46' }, { id: 'sj', name: '斯瓦爾巴和揚馬延', code: '+47' }, { id: 'no', name: '挪威', code: '+47' }, { id: 'pl', name: '波蘭(Polska)', code: '+48' }, { id: 'de', name: '德國', code: '+49' }, { id: 'pe', name: '秘魯(Perú)', code: '+51' }, { id: 'mx', name: '墨西哥', code: '+52' }, { id: 'cu', name: '古巴', code: '+53' }, { id: 'ar', name: '阿根廷', code: '+54' }, { id: 'br', name: '巴西', code: '+55' }, { id: 'cl', name: '智利', code: '+56' }, { id: 'co', name: '哥倫比亞', code: '+57' }, { id: 've', name: '委內瑞拉', code: '+58' }, { id: 'my', name: '馬來西亞', code: '+60' }, { id: 'au', name: '澳大利亞', code: '+61' }, { id: 'cx', name: '聖誕島', code: '+61' }, { id: 'cc', name: '科科斯群島(基林)', code: '+61' }, { id: 'ph', name: '菲律賓', code: '+63' }, { id: 'nz', name: '新西蘭', code: '+64' }, { id: 'sg', name: '新加坡', code: '+65' }, { id: 'th', name: '泰國', code: '+66' }, { id: 'jp', name: '日本 (日本)', code: '+81' }, { id: 'kr', name: '南韓', code: '+82' }, { id: 'vn', name: '越南', code: '+84' }, { id: 'cn', name: '中國(中国)', code: '+86' }, { id: 'tr', name: '土耳其', code: '+90' }, { id: 'pk', name: '巴基斯坦', code: '+92' }, { id: 'af', name: '阿富汗(افغانستان)', code: '+93' }, { id: 'lk', name: '斯里蘭卡', code: '+94' }, { id: 'mm', name: '緬甸', code: '+95' }, { id: 'ss', name: '南蘇丹', code: '+211' }, { id: 'ma', name: '摩洛哥', code: '+212' }, { id: 'eh', name: '西撒哈拉', code: '+212' }, { id: 'dz', name: '阿爾及利亞(الجزائر)', code: '+213' }, { id: 'tn', name: '突尼西亞', code: '+216' }, { id: 'ly', name: '利比亞 (ليبيا)', code: '+218' }, { id: 'gm', name: '甘比亞', code: '+220' }, { id: 'sn', name: '塞內加爾', code: '+221' }, { id: 'mr', name: '茅利塔尼亞 (موريتانيا)', code: '+222' }, { id: 'ml', name: '馬里', code: '+223' }, { id: 'gn', name: '幾內亞', code: '+224' }, { id: 'ci', name: '科特迪瓦', code: '+225' }, { id: 'bf', name: '布基納法索', code: '+226' }, { id: 'ne', name: '尼日', code: '+227' }, { id: 'tg', name: '多哥', code: '+228' }, { id: 'bj', name: '貝南', code: '+229' }, { id: 'mu', name: '毛里求斯', code: '+230' }, { id: 'lr', name: '利比里亞', code: '+231' }, { id: 'sl', name: '獅子山', code: '+232' }, { id: 'gh', name: '迦納', code: '+233' }, { id: 'ng', name: '尼日利亞', code: '+234' }, { id: 'td', name: '查德', code: '+235' }, { id: 'cf', name: '中非共和國', code: '+236' }, { id: 'cm', name: '喀麥隆', code: '+237' }, { id: 'cv', name: '佛得角', code: '+238' }, { id: 'st', name: '聖多美和普林西比', code: '+239' }, { id: 'gq', name: '赤道幾內亞', code: '+240' }, { id: 'ga', name: '加彭', code: '+241' }, { id: 'cg', name: '剛果(布)(Congo-Brazzaville)', code: '+242' }, { id: 'cd', name: '剛果(金)(Jamhuri ya Kidemokrasia ya Kongo)', code: '+243' }, { id: 'ao', name: '安哥拉', code: '+244' }, { id: 'gw', name: '幾內亞比索', code: '+245' }, { id: 'sc', name: '塞舌爾', code: '+248' }, { id: 'sd', name: '蘇丹', code: '+249' }, { id: 'io', name: '英屬印度洋領地', code: '+246' }, { id: 'ac', name: '阿森松島', code: '+247' }, { id: 'rw', name: '盧安達', code: '+250' }, { id: 'et', name: '衣索比亞', code: '+251' }, { id: 'so', name: '索馬利亞', code: '+252' }, { id: 'dj', name: '吉布地', code: '+253' }, { id: 'ke', name: '肯尼亞', code: '+254' }, { id: 'tz', name: '坦桑尼亞', code: '+255' }, { id: 'ug', name: '烏干達', code: '+256' }, { id: 'bi', name: '蒲隆地', code: '+257' }, { id: 'mz', name: '莫桑比克', code: '+258' }, { id: 'zm', name: '尚比亞', code: '+260' }, { id: 'mg', name: '馬達加斯加 (Madagasikara)', code: '+261' }, { id: 'yt', name: '馬約特', code: '+262' }, { id: 're', name: '留尼旺(La Réunion)', code: '+262' }, { id: 'zw', name: '辛巴威', code: '+263' }, { id: 'na', name: '納米比亞', code: '+264' }, { id: 'mw', name: '馬拉維', code: '+265' }, { id: 'ls', name: '萊索托', code: '266' }, { id: 'bw', name: '博茨瓦納', code: '+267' }, { id: 'sz', name: '史瓦濟蘭', code: '+268' }, { id: 'km', name: '科摩羅(جزر القمر)', code: '+269' }, { id: 'sh', name: '聖赫勒拿', code: '+290' }, { id: 'er', name: '厄立特里亞', code: '+291' }, { id: 'aw', name: '阿魯巴', code: '+297' }, { id: 'fo', name: '法羅群島', code: '+298' }, { id: 'gl', name: '格陵蘭', code: '+299' }, { id: 'gi', name: '直布羅陀', code: '+350' }, { id: 'pt', name: '葡萄牙', code: '+351' }, { id: 'lu', name: '盧森堡', code: '+352' }, { id: 'al', name: '阿爾巴尼亞(Shqipëri)', code: '+355' }, { id: 'mt', name: '馬爾他', code: '+356' }, { id: 'cy', name: '塞浦路斯(Κύπρος)', code: '+357' }, { id: 'fi', name: '芬蘭', code: '+358' }, { id: 'ax', name: '奧蘭群島', code: '+358' }, { id: 'bg', name: '保加利亞', code: '+359' }, { id: 'lt', name: '立陶宛 (Lietuva)', code: '+370' }, { id: 'lv', name: '拉脫維亞 (Latvija)', code: '+371' }, { id: 'ee', name: '愛沙尼亞', code: '+372' }, { id: 'md', name: '摩爾多瓦', code: '+373' }, { id: 'am', name: '亞美尼亞(Հայաստան)', code: '+374' }, { id: 'by', name: '白俄羅斯(Беларусь)', code: '+375' }, { id: 'ad', name: '安道爾', code: '+376' }, { id: 'mc', name: '摩納哥', code: '+377' }, { id: 'sm', name: '聖馬利諾', code: '+378' }, { id: 'ua', name: '烏克蘭', code: '+380' }, { id: 'rs', name: '塞爾維亞', code: '+381' }, { id: 'me', name: '蒙特內哥羅', code: '+382' }, { id: 'xk', name: '科索沃', code: '+383' }, { id: 'hr', name: '克羅地亞(Hrvatska)', code: '+385' }, { id: 'si', name: '斯洛文尼亞', code: '+386' }, { id: 'ba', name: '波斯尼亞和黑塞哥維那', code: '+387' }, { id: 'mk', name: '北馬其頓 (Македонија)', code: '+389' }, { id: 'cz', name: '捷克共和國(Česká republika)', code: '+420' }, { id: 'sk', name: '斯洛伐克', code: '+421' }, { id: 'li', name: '列支敦士登', code: '+423' }, { id: 'fk', name: '福克蘭群島(馬爾維納斯群島)', code: '+500' }, { id: 'bz', name: '貝里斯', code: '+501' }, { id: 'gt', name: '瓜地馬拉', code: '+502' }, { id: 'sv', name: '薩爾瓦多', code: '+503' }, { id: 'ni', name: '尼加拉瓜', code: '+505' }, { id: 'cr', name: '哥斯達黎加', code: '+506' }, { id: 'pa', name: '巴拿馬(Panamá)', code: '+507' }, { id: 'pm', name: '聖皮埃與密啟隆(Saint-Pierre-et-Miquelon)', code: '+508' }, { id: 'gp', name: '瓜德羅普', code: '+590' }, { id: 'bl', name: '聖巴瑟米(Saint Barthélemy)', code: '+590' }, { id: 'mf', name: '聖馬丁(Saint-Martin (partie française))', code: '+590' }, { id: 'bo', name: '玻利維亞', code: '+591' }, { id: 'ec', name: '厄瓜多爾', code: '+593' }, { id: 'gf', name: '法屬圭亞那', code: '+594' }, { id: 'py', name: '巴拉圭', code: '+595' }, { id: 'mq', name: '馬提尼克', code: '+596' }, { id: 'sr', name: '蘇利南', code: '+597' }, { id: 'uy', name: '烏拉圭', code: '+598' }, { id: 'bq', name: '加勒比荷蘭', code: '+599' }, { id: 'cw', name: '庫拉索', code: '+599' }, { id: 'tl', name: '東帝汶', code: '+670' }, { id: 'nf', name: '諾福克島', code: '+672' }, { id: 'bn', name: '汶萊', code: '+673' }, { id: 'nr', name: '諾魯', code: '+674' }, { id: 'pg', name: '巴布亞紐幾內亞', code: '+675' }, { id: 'to', name: '湯加', code: '+676' }, { id: 'sb', name: '所羅門群島', code: '+677' }, { id: 'vu', name: '瓦努阿圖', code: '+678' }, { id: 'fj', name: '斐濟', code: '+679' }, { id: 'pw', name: '帕勞', code: '+680' }, { id: 'wf', name: '瓦利斯和富圖納群島', code: '+681' }, { id: 'ck', name: '庫克群島', code: '+682' }, { id: 'nu', name: '紐埃島', code: '+683' }, { id: 'ws', name: '薩摩亞', code: '+685' }, { id: 'ki', name: '基里巴斯', code: '+686' }, { id: 'nc', name: '新喀里多尼亞', code: '+687' }, { id: 'tv', name: '圖瓦盧', code: '+688' }, { id: 'pf', name: '法屬波利尼西亞', code: '+689' }, { id: 'tk', name: '托克勞', code: '+690' }, { id: 'fm', name: '密克羅尼西亞', code: '+691' }, { id: 'mh', name: '馬紹爾群島', code: '+692' }, { id: 'kp', name: '北韓', code: '+850' }, { id: 'mo', name: '澳門', code: '+853' }, { id: 'kh', name: '柬埔寨', code: '+855' }, { id: 'la', name: '老撾 (ລາວ)', code: '+856' }, { id: 'bd', name: '孟加拉國(বাংলাদেশ)', code: '+880' }, { id: 'tw', name: '台灣', code: '+886' }, { id: 'mv', name: '馬爾代夫', code: '+960' }, { id: 'lb', name: '黎巴嫩 (لبنان)', code: '+961' }, { id: 'jo', name: '約旦 (الأردن)', code: '+962' }, { id: 'sy', name: '敘利亞', code: '+963' }, { id: 'kw', name: '科威特 (الكويت)', code: '+965' }, { id: 'sa', name: '沙特阿拉伯', code: '+966' }, { id: 'ye', name: '葉門', code: '+967' }, { id: 'om', name: '阿曼', code: '+968' }, { id: 'ps', name: '巴勒斯坦(فلسطين)', code: '+970' }, { id: 'ae', name: '阿拉伯聯合大公國', code: '+971' }, { id: 'bh', name: '巴林(البحرين)', code: '+973' }, { id: 'qa', name: '卡達(قطر)', code: '+974' }, { id: 'bt', name: '不丹', code: '+975' }, { id: 'mn', name: '蒙古', code: '+976' }, { id: 'np', name: '尼泊爾', code: '+977' }, { id: 'tj', name: '塔吉克斯坦', code: '+992' }, { id: 'tm', name: '土庫曼斯坦', code: '+993' }, { id: 'az', name: '阿塞拜疆(Azərbaycan)', code: '+994' }, { id: 'ge', name: '喬治亞', code: '+995' }, { id: 'kg', name: '吉爾吉斯坦 (Кыргызстан)', code: '+996' }, { id: 'uz', name: '烏茲別克', code: '+998' } ], countryCodeOptions_en:[ { id: '999', name: '', code: '請選擇' }, { id: 'af', name: 'Afghanistan (افغانستان)', code: '+93' }, { id: 'al', name: 'Albania (Shqipëri)', code: '+355' }, { id: 'dz', name: 'Algeria (الجزائر)', code: '+213' }, { id: 'as', name: 'American Samoa', code: '+1' }, { id: 'ad', name: 'Andorra', code: '+376' }, { id: 'ao', name: 'Angola', code: '+244' }, { id: 'ai', name: 'Anguilla', code: '+1' }, { id: 'ag', name: 'Antigua and Barbuda', code: '+1' }, { id: 'ar', name: 'Argentina', code: '+54' }, { id: 'am', name: 'Armenia (Հայաստան)', code: '+374' }, { id: 'aw', name: 'Aruba', code: '+297' }, { id: 'ac', name: 'Ascension Island', code: '+247' }, { id: 'au', name: 'Australia', code: '+61' }, { id: 'at', name: 'Austria (Österreich)', code: '+43' }, { id: 'az', name: 'Azerbaijan (Azərbaycan)', code: '+994' }, { id: 'bs', name: 'Bahamas', code: '+1' }, { id: 'bh', name: 'Bahrain (البحرين)', code: '+973' }, { id: 'bd', name: 'Bangladesh (বাংলাদেশ)', code: '+880' }, { id: 'bb', name: 'Barbados', code: '+1' }, { id: 'by', name: 'Belarus (Беларусь)', code: '+375' }, { id: 'be', name: 'Belgium (België)', code: '+32' }, { id: 'bz', name: 'Belize', code: '+501' }, { id: 'bj', name: 'Benin (Bénin)', code: '+229' }, { id: 'bm', name: 'Bermuda', code: '+1' }, { id: 'bt', name: 'Bhutan (འབྲུག)', code: '+975' }, { id: 'bo', name: 'Bolivia', code: '+591' }, { id: 'ba', name: 'Bosnia and Herzegovina (Босна и Херцеговина)', code: '+387' }, { id: 'bw', name: 'Botswana', code: '+267' }, { id: 'br', name: 'Brazil (Brasil)', code: '+55' }, { id: 'io', name: 'British Indian Ocean Territory', code: '+246' }, { id: 'vg', name: 'British Virgin Islands', code: '+1' }, { id: 'bn', name: 'Brunei', code: '+673' }, { id: 'bg', name: 'Bulgaria (България)', code: '+359' }, { id: 'bf', name: 'Burkina Faso', code: '+226' }, { id: 'bi', name: 'Burundi (Uburundi)', code: '+257' }, { id: 'kh', name: 'Cambodia (កម្ពុជា)', code: '+855' }, { id: 'cm', name: 'Cameroon (Cameroun)', code: '+237' }, { id: 'ca', name: 'Canada', code: '+1' }, { id: 'cv', name: 'Cape Verde (Kabu Verdi)', code: '+238' }, { id: 'bq', name: 'Caribbean Netherlands', code: '+599' }, { id: 'ky', name: 'Cayman Islands', code: '+1' }, { id: 'cf', name: 'Central African Republic (République centrafricaine)', code: '+236' }, { id: 'td', name: 'Chad (Tchad)', code: '+235' }, { id: 'cl', name: 'Chile', code: '+56' }, { id: 'cn', name: 'China (中国)', code: '+86' }, { id: 'cx', name: 'Christmas Island', code: '+61' }, { id: 'cc', name: 'Cocos (Keeling) Islands', code: '+61' }, { id: 'co', name: 'Colombia', code: '+57' }, { id: 'km', name: 'Comoros (جزر القمر)', code: '+269' }, { id: 'cd', name: 'Congo (DRC) (Jamhuri ya Kidemokrasia ya Kongo)', code: '+243' }, { id: 'cg', name: 'Congo (Republic) (Congo-Brazzaville)', code: '+242' }, { id: 'ck', name: 'Cook Islands', code: '+682' }, { id: 'cr', name: 'Costa Rica', code: '+506' }, { id: 'ci', name: 'Côte d’Ivoire', code: '+225' }, { id: 'hr', name: 'Croatia (Hrvatska)', code: '+385' }, { id: 'cu', name: 'Cuba', code: '+53' }, { id: 'cw', name: 'Curaçao', code: '+599' }, { id: 'cy', name: 'Cyprus (Κύπρος)', code: '+357' }, { id: 'cz', name: 'Czech Republic (Česká republika)', code: '+420' }, { id: 'dk', name: 'Denmark (Danmark)', code: '+45' }, { id: 'dj', name: 'Djibouti', code: '+253' }, { id: 'dm', name: 'Dominica', code: '+1' }, { id: 'do', name: 'Dominican Republic (República Dominicana)', code: '+1' }, { id: 'ec', name: 'Ecuador', code: '+593' }, { id: 'eg', name: 'Egypt (مصر)', code: '+20' }, { id: 'sv', name: 'El Salvador', code: '+503' }, { id: 'gq', name: 'Equatorial Guinea (Guinea Ecuatorial)', code: '+240' }, { id: 'er', name: 'Eritrea', code: '+291' }, { id: 'ee', name: 'Estonia (Eesti)', code: '+372' }, { id: 'sz', name: 'Eswatini', code: '+268' }, { id: 'et', name: 'Ethiopia', code: '+251' }, { id: 'fk', name: 'Falkland Islands (Islas Malvinas)', code: '+500' }, { id: 'fo', name: 'Faroe Islands (Føroyar)', code: '+298' }, { id: 'fj', name: 'Fiji', code: '+679' }, { id: 'fi', name: 'Finland (Suomi)', code: '+358' }, { id: 'fr', name: 'France', code: '+33' }, { id: 'gf', name: 'French Guiana (Guyane française)', code: '+594' }, { id: 'pf', name: 'French Polynesia (Polynésie française)', code: '+689' }, { id: 'ga', name: 'Gabon', code: '+241' }, { id: 'gm', name: 'Gambia', code: '+220' }, { id: 'ge', name: 'Georgia (საქართველო)', code: '+995' }, { id: 'de', name: 'Germany (Deutschland)', code: '+49' }, { id: 'gh', name: 'Ghana (Gaana)', code: '+233' }, { id: 'gi', name: 'Gibraltar', code: '+350' }, { id: 'gr', name: 'Greece (Ελλάδα)', code: '+30' }, { id: 'gl', name: 'Greenland (Kalaallit Nunaat)', code: '+299' }, { id: 'gd', name: 'Grenada', code: '+1' }, { id: 'gp', name: 'Guadeloupe', code: '+590' }, { id: 'gu', name: 'Guam', code: '+1' }, { id: 'gt', name: 'Guatemala', code: '+502' }, { id: 'gg', name: 'Guernsey', code: '+44' }, { id: 'gn', name: 'Guinea (Guinée)', code: '+224' }, { id: 'gw', name: 'Guinea-Bissau (Guiné Bissau)', code: '+245' }, { id: 'gy', name: 'Guyana', code: '+592' }, { id: 'ht', name: 'Haiti', code: '+509' }, { id: 'hn', name: 'Honduras', code: '+504' }, { id: 'hk', name: 'Hong Kong (香港)', code: '+852' }, { id: 'hu', name: 'Hungary (Magyarország)', code: '+36' }, { id: 'is', name: 'Iceland (Ísland)', code: '+354' }, { id: 'in', name: 'India (भारत)', code: '+91' }, { id: 'id', name: 'Indonesia', code: '+62' }, { id: 'ir', name: 'Iran (ایران)', code: '+98' }, { id: 'iq', name: 'Iraq (العراق)', code: '+964' }, { id: 'ie', name: 'Ireland', code: '+353' }, { id: 'im', name: 'Isle of Man', code: '+44' }, { id: 'il', name: 'Israel (ישראל)', code: '+972' }, { id: 'it', name: 'Italy (Italia)', code: '+39' }, { id: 'jm', name: 'Jamaica', code: '+1' }, { id: 'jp', name: 'Japan (日本)', code: '+81' }, { id: 'je', name: 'Jersey', code: '+44' }, { id: 'jo', name: 'Jordan (الأردن)', code: '+962' }, { id: 'kz', name: 'Kazakhstan (Казахстан)', code: '+7' }, { id: 'ke', name: 'Kenya', code: '+254' }, { id: 'ki', name: 'Kiribati', code: '+686' }, { id: 'xk', name: 'Kosovo', code: '+383' }, { id: 'kw', name: 'Kuwait (الكويت)', code: '+965' }, { id: 'kg', name: 'Kyrgyzstan (Кыргызстан)', code: '+996' }, { id: 'la', name: 'Laos (ລາວ)', code: '+856' }, { id: 'lv', name: 'Latvia (Latvija)', code: '+371' }, { id: 'lb', name: 'Lebanon (لبنان)', code: '+961' }, { id: 'ls', name: 'Lesotho', code: '266' }, { id: 'lr', name: 'Liberia', code: '+231' }, { id: 'ly', name: 'Libya (ليبيا)', code: '+218' }, { id: 'li', name: 'Liechtenstein', code: '+423' }, { id: 'lt', name: 'Lithuania (Lietuva)', code: '+370' }, { id: 'lu', name: 'Luxembourg', code: '+352' }, { id: 'mo', name: 'Macau (澳門)', code: '+853' }, { id: 'mk', name: 'North Macedonia (Македонија)', code: '+389' }, { id: 'mg', name: 'Madagascar (Madagasikara)', code: '+261' }, { id: 'mw', name: 'Malawi', code: '+265' }, { id: 'my', name: 'Malaysia', code: '+60' }, { id: 'mv', name: 'Maldives', code: '+960' }, { id: 'ml', name: 'Mali', code: '+223' }, { id: 'mt', name: 'Malta', code: '+356' }, { id: 'mh', name: 'Marshall Islands', code: '+692' }, { id: 'mq', name: 'Martinique', code: '+596' }, { id: 'mr', name: 'Mauritania (موريتانيا)', code: '+222' }, { id: 'mu', name: 'Mauritius (Moris)', code: '+230' }, { id: 'yt', name: 'Mayotte', code: '+262' }, { id: 'mx', name: 'Mexico (México)', code: '+52' }, { id: 'fm', name: 'Micronesia', code: '+691' }, { id: 'md', name: 'Moldova (Republica Moldova)', code: '+373' }, { id: 'mc', name: 'Monaco', code: '+377' }, { id: 'mn', name: 'Mongolia (Монгол)', code: '+976' }, { id: 'me', name: 'Montenegro (Crna Gora)', code: '+382' }, { id: 'ms', name: 'Montserrat', code: '+1' }, { id: 'ma', name: 'Morocco (المغرب)', code: '+212' }, { id: 'mz', name: 'Mozambique (Moçambique)', code: '+258' }, { id: 'mm', name: 'Myanmar (Burma) (မြန်မာ)', code: '+95' }, { id: 'na', name: 'Namibia (Namibië)', code: '+264' }, { id: 'nr', name: 'Nauru', code: '+674' }, { id: 'np', name: 'Nepal (नेपाल)', code: '+977' }, { id: 'nl', name: 'Netherlands (Nederland)', code: '+31' }, { id: 'nc', name: 'New Caledonia (Nouvelle-Calédonie)', code: '+687' }, { id: 'nz', name: 'New Zealand', code: '+64' }, { id: 'ni', name: 'Nicaragua', code: '+505' }, { id: 'ne', name: 'Niger (Nijar)', code: '+227' }, { id: 'ng', name: 'Nigeria', code: '+234' }, { id: 'nu', name: 'Niue', code: '+683' }, { id: 'nf', name: 'Norfolk Island', code: '+672' }, { id: 'kp', name: 'North Korea (조선 민주주의 인민 공화국)', code: '850' }, { id: 'mp', name: 'Northern Mariana Islands', code: '+1' }, { id: 'no', name: 'Norway (Norge)', code: '+47' }, { id: 'om', name: 'Oman (عُمان)', code: '+968' }, { id: 'pk', name: 'Pakistan (پاکستان)', code: '+92' }, { id: 'pw', name: 'Palau', code: '+680' }, { id: 'ps', name: 'Palestine (فلسطين)', code: '+970' }, { id: 'pa', name: 'Panama (Panamá)', code: '+507' }, { id: 'pg', name: 'Papua New Guinea', code: '+675' }, { id: 'py', name: 'Paraguay', code: '+595' }, { id: 'pe', name: 'Peru (Perú)', code: '+51' }, { id: 'ph', name: 'Philippines', code: '+63' }, { id: 'pl', name: 'Poland (Polska)', code: '+48' }, { id: 'pt', name: 'Portugal', code: '+351' }, { id: 'pr', name: 'Puerto Rico', code: '+1' }, { id: 'qa', name: 'Qatar (قطر)', code: '+974' }, { id: 're', name: 'Réunion (La Réunion)', code: '+262' }, { id: 'ro', name: 'Romania (România)', code: '+40' }, { id: 'ru', name: 'Russia (Россия)', code: '+7' }, { id: 'rw', name: 'Rwanda', code: '+250' }, { id: 'bl', name: 'Saint Barthélemy', code: '+590' }, { id: 'sh', name: 'Saint Helena', code: '+290' }, { id: 'kn', name: 'Saint Kitts and Nevis', code: '+1' }, { id: 'lc', name: 'Saint Lucia', code: '+1' }, { id: 'mf', name: 'Saint Martin (Saint-Martin (partie française))', code: '+590' }, { id: 'pm', name: 'Saint Pierre and Miquelon (Saint-Pierre-et-Miquelon)', code: '+508' }, { id: 'vc', name: 'Saint Vincent and the Grenadines', code: '+1' }, { id: 'ws', name: 'Samoa', code: '+685' }, { id: 'sm', name: 'San Marino', code: '+378' }, { id: 'st', name: 'São Tomé and Príncipe (São Tomé e Príncipe)', code: '+239' }, { id: 'sa', name: 'Saudi Arabia (المملكة العربية السعودية)', code: '+966' }, { id: 'sn', name: 'Senegal (Sénégal)', code: '+221' }, { id: 'rs', name: 'Serbia (Србија)', code: '+381' }, { id: 'sc', name: 'Seychelles', code: '+248' }, { id: 'sl', name: 'Sierra Leone', code: '+232' }, { id: 'sg', name: 'Singapore', code: '+65' }, { id: 'sx', name: 'Sint Maarten', code: '+1' }, { id: 'sk', name: 'Slovakia (Slovensko)', code: '+421' }, { id: 'si', name: 'Slovenia (Slovenija)', code: '+386' }, { id: 'sb', name: 'Solomon Islands', code: '+677' }, { id: 'so', name: 'Somalia (Soomaaliya)', code: '+252' }, { id: 'za', name: 'South Africa', code: '+27' }, { id: 'kr', name: 'South Korea (대한민국)', code: '+82' }, { id: 'ss', name: 'South Sudan (جنوب السودان)', code: '211' }, { id: 'es', name: 'Spain (España)', code: '+34' }, { id: 'lk', name: 'Sri Lanka (ශ්රී ලංකාව)', code: '+94' }, { id: 'sd', name: 'Sudan (السودان)', code: '+249' }, { id: 'sr', name: 'Suriname', code: '+597' }, { id: 'sj', name: 'Svalbard and Jan Mayen', code: '+47' }, { id: 'se', name: 'Sweden (Sverige)', code: '+46' }, { id: 'ch', name: 'Switzerland (Schweiz)', code: '+41' }, { id: 'sy', name: 'Syria (سوريا)', code: '+963' }, { id: 'tw', name: 'Taiwan (台灣)', code: '+886' }, { id: 'tj', name: 'Tajikistan', code: '+992' }, { id: 'tz', name: 'Tanzania', code: '+255' }, { id: 'th', name: 'Thailand (ไทย)', code: '+66' }, { id: 'tl', name: 'Timor-Leste', code: '+670' }, { id: 'tg', name: 'Togo', code: '+228' }, { id: 'tk', name: 'Tokelau', code: '+690' }, { id: 'to', name: 'Tonga', code: '+676' }, { id: 'tt', name: 'Trinidad and Tobago', code: '+1' }, { id: 'tn', name: 'Tunisia (تونس)', code: '+216' }, { id: 'tr', name: 'Turkey (Türkiye)', code: '+90' }, { id: 'tm', name: 'Turkmenistan', code: '+993' }, { id: 'tc', name: 'Turks and Caicos Islands', code: '+1' }, { id: 'tv', name: 'Tuvalu', code: '+688' }, { id: 'vi', name: 'U.S. Virgin Islands', code: '1' }, { id: 'ug', name: 'Uganda', code: '+256' }, { id: 'ua', name: 'Ukraine (Україна)', code: '+380' }, { id: 'ae', name: 'United Arab Emirates (الإمارات العربية المتحدة)', code: '+971' }, { id: 'gb', name: 'United Kingdom', code: '+44' }, { id: 'us', name: 'United States', code: '+1' }, { id: 'uy', name: 'Uruguay', code: '+598' }, { id: 'uz', name: 'Uzbekistan (Oʻzbekiston)', code: '+998' }, { id: 'vu', name: 'Vanuatu', code: '+678' }, { id: 'va', name: 'Vatican City (Città del Vaticano)', code: '+39' }, { id: 've', name: 'Venezuela', code: '+58' }, { id: 'vn', name: 'Vietnam (Việt Nam)', code: '+84' }, { id: 'wf', name: 'Wallis and Futuna (Wallis-et-Futuna)', code: '+681' }, { id: 'eh', name: 'Western Sahara (الصحراء الغربية)', code: '+212' }, { id: 'ye', name: 'Yemen (اليمن)', code: '+967' }, { id: 'zm', name: 'Zambia', code: '+260' }, { id: 'zw', name: 'Zimbabwe', code: '+263' }, { id: 'ax', name: 'Åland Islands', code: '+358' }, ] }; }, props: { userCodeSelect: { type: String, }, validation: { type: Boolean, }, }, created(){ this.getCode(); if(this.$i18n.localeProperties["langQuery"] == "zh-TW"){ this.language = true; }else{ this.language = false; } }, mounted() { }, watch: { codeSelect: { handler: function () { this.$emit("returnCode", this.codeSelect); }, }, userCodeSelect:{ handler: function() { this.codeSelect = this.userCodeSelect; } } }, methods: { getCode(){ this.codeSelect = this.userCodeSelect; } }, }; </script> <style lang="scss" scoped> select { background-image: url("~/assets/svg/down-arrow.svg"); width: 120px; height: auto; background-position: right 12px center; background-repeat: no-repeat; } </style>
|