\n \n\n\nexport default {\n methods: {\n googleTranslateSelectedHandler(language) {\n const { code, name, cname, ename } = language\n // todo ...\n }\n }\n}\n```\n\n#### props\n\n> prop name: languages, type: Array, default: (As shown below.)\n\n```javascript\n[\n {\n code: \"en\",\n name: \"English\",\n cname: \"英语\",\n ename: \"English\",\n },\n {\n code: \"af\",\n name: \"Afrikaans\",\n cname: \"南非语\",\n ename: \"Afrikaans\",\n },\n {\n code: \"sq\",\n name: \"Gjuha shqipe\",\n cname: \"阿尔巴尼亚语\",\n ename: \"Albanian\",\n },\n {\n code: \"ar\",\n name: \"العربية\",\n cname: \"阿拉伯语\",\n ename: \"Arabic\",\n },\n {\n code: \"hy\",\n name: \"Հայերեն\",\n cname: \"亚美尼亚语\",\n ename: \"Armenian\",\n },\n {\n code: \"az\",\n name: \"Азәрбајҹан дили\",\n cname: \"阿塞拜疆语\",\n ename: \"Azerbaijani\",\n },\n {\n code: \"eu\",\n name: \"Euskara\",\n cname: \"巴斯克语\",\n ename: \"Basque\",\n },\n {\n code: \"be\",\n name: \"беларуская мова\",\n cname: \"白俄罗斯语\",\n ename: \"Belarusian\",\n },\n {\n code: \"bg\",\n name: \"български език\",\n cname: \"保加利亚语\",\n ename: \"Bulgarian\",\n },\n {\n code: \"ca\",\n name: \"Català\",\n cname: \"加泰罗尼亚语\",\n ename: \"Catalan\",\n },\n {\n code: \"zh-CN\",\n name: \"Chinese (Simplified)\",\n cname: \"中文 (简体)\",\n ename: \"Chinese (Simplified)\",\n },\n {\n code: \"zh-TW\",\n name: \"Chinese (Traditional)\",\n cname: \"中文 (繁体)\",\n ename: \"Chinese (Traditional)\",\n },\n {\n code: \"hr\",\n name: \"Српскохрватски језик\",\n cname: \"克罗地亚语\",\n ename: \"Croatian\",\n },\n {\n code: \"cs\",\n name: \"čeština\",\n cname: \"捷克语\",\n ename: \"Czech\",\n },\n {\n code: \"da\",\n name: \"Danmark\",\n cname: \"丹麦语\",\n ename: \"Danish\",\n },\n {\n code: \"nl\",\n name: \"Nederlands\",\n cname: \"荷兰语\",\n ename: \"Dutch\",\n },\n {\n code: \"et\",\n name: \"eesti keel\",\n cname: \"爱沙尼亚语\",\n ename: \"Estonian\",\n },\n {\n code: \"tl\",\n name: \"Filipino\",\n cname: \"菲律宾语\",\n ename: \"Filipino\",\n },\n {\n code: \"fi\",\n name: \"Finnish\",\n cname: \"芬兰语\",\n ename: \"Finnish\",\n },\n {\n code: \"fr\",\n name: \"Français\",\n cname: \"法语\",\n ename: \"French\",\n },\n {\n code: \"de\",\n name: \"Deutsch\",\n cname: \"德语\",\n ename: \"German\",\n },\n {\n code: \"el\",\n name: \"Ελληνικά\",\n cname: \"希腊语\",\n ename: \"Greek\",\n },\n {\n code: \"hu\",\n name: \"magyar\",\n cname: \"匈牙利语\",\n ename: \"Hungarian\",\n },\n {\n code: \"id\",\n name: \"Indonesia\",\n cname: \"印度尼西亚语\",\n ename: \"Indonesian\",\n },\n {\n code: \"ga\",\n name: \"Irish\",\n cname: \"爱尔兰语\",\n ename: \"Irish\",\n },\n {\n code: \"it\",\n name: \"Italiano\",\n cname: \"意大利语\",\n ename: \"Italian\",\n },\n {\n code: \"ja\",\n name: \"にほんご\",\n cname: \"日语\",\n ename: \"Japanese\",\n },\n {\n code: \"ko\",\n name: \"한국어\",\n cname: \"韩语\",\n ename: \"Korean\",\n },\n {\n code: \"lt\",\n name: \"lietuvių kalba\",\n cname: \"立陶宛语\",\n ename: \"Lithuanian\",\n },\n {\n code: \"ms\",\n name: \"Malay\",\n cname: \"马来西亚语\",\n ename: \"Malay\",\n },\n {\n code: \"no\",\n name: \"norsk\",\n cname: \"挪威语\",\n ename: \"Norwegian\",\n },\n {\n code: \"pl\",\n name: \"Polski\",\n cname: \"波兰语\",\n ename: \"Polish\",\n },\n {\n code: \"pt\",\n name: \"Português\",\n cname: \"葡萄牙语\",\n ename: \"Portuguese\",\n },\n {\n code: \"ro\",\n name: \"limba română\",\n cname: \"罗马尼亚语\",\n ename: \"Romanian\",\n },\n {\n code: \"ru\",\n name: \"Русский\",\n cname: \"俄语\",\n ename: \"Russian\",\n },\n {\n code: \"es\",\n name: \"Español\",\n cname: \"西班牙语\",\n ename: \"Spanish\",\n },\n {\n code: \"sv\",\n name: \"Swedish\",\n cname: \"瑞典语\",\n ename: \"Swedish\",\n },\n {\n code: \"th\",\n name: \"ภาษาไทย\",\n cname: \"泰语\",\n ename: \"Thai\",\n },\n {\n code: \"tr\",\n name: \"Turkish\",\n cname: \"土耳其语\",\n ename: \"Turkish\",\n },\n {\n code: \"uk\",\n name: \"українська мова\",\n cname: \"乌克兰语\",\n ename: \"Ukrainian\",\n },\n];\n```\n\nThe above is all the language information from the WIKI, The data we are using.\n\nThe `code`, `ename`, `name` must be uploaded, and the `cname` is the data we need to use.\n\n**Of course，You can pass in some custom parameters.**\n\n> prop name: defaultLanguageCode, type: String, default: 'en'\n\n> prop name: defaultPageLanguageCode, type: String, default: 'en'\n\n> prop name: fetchBrowserLanguage, type: Boolean, default: true\n\n> prop name: animateTimeout, type: Number, default: 150\n\n> prop name: dropdownClassName, type: String, default: ''\n\n> prop name: dropdownStyle, type: Object, default: {}\n\n> prop name: showArrow, type: Boolean, default: true\n\n### Tips\n\n- Note that here we invoke `translate.google.com/translate_a/element.js` library file, the translation for the web pages of writing is the full amount. Only the translation of static content is supported without refreshing the page.\n\n- **For something you don't want to translate, add `class= \"notranslate\"`**\n\n- I can give you an example of best practices: We are working on a cross-border e-commerce project. In this project, we need two functions, multi-language and multi-currency, to complete internationalization. For the price on the page, we don't want to be translated into multiple languages. So we added `class= \"notranslate\"` to the price DOM to dynamically modify the price DOM information when the currency changes.\n\n- **Google Translate JS SDK default your page source language is English (code is `en`), if your page source language is non-English language, please set `defaultPageLanguageCode` manually. For example: `defaultPageLanguageCode = \"zh-CN\"`**\n\n## :copyright: License\n\n[License MIT](LICENSE)\n\n## Questions & Suggestions\n\nPlease open an issue [here](https://github.com/i7eo/v-google-translate/issues)\n\n## :stuck_out_tongue_winking_eye: Authors\n\n[i7eo](https://i7eo.com/about/)\n","readmeFilename":"README.md"}