前端实现多语言翻译

translate.js

1、下载对应js包，vue、react项目查找对应包使用npm安装。

2、可以设置指定翻译语言，也可以不指定使用默认语言列表进行使用，具体支持那种语言类型自行查找。

<ul class="ignore">

  <li><a >简体中文</a></li>

  <li><a href="javascript:translate.changeLanguage('chinese_traditional');">繁體中文</a></li>

  <li><a href="javascript:translate.changeLanguage('japanese');">しろうと</a></li>

  <li><a href="javascript:translate.changeLanguage('korean');">한국어</a></li>

</ul>

3、

translate.language.setLocal('chinese_simplified'); //设置本地语种（当前网页的语种）。如果不设置，默认自动识别当前网页显示文字的语种。 可填写如 'english'、'chinese_simplified' 等，具体参见文档下方关于此的说明。

translate.enabled = true;//打开翻译功能

 translate.setAutoDiscriminateLocalLanguage();//检测用户所在国家切换，首次使用

translate.selectLanguageTag.show = false;//隐藏语言切换选择框

translate.ignore.id.push('lose1','lose2','lose3','lose4','lose5','lose6');//过滤指定DOM元素

translate.language.setDefaultTo('russian');//默认翻译指定语言

translate.execute();//进行翻译 

translate.enabled = false;//关闭翻译功能

translate.reset()//重设语言

Demo地址：https://res.zvo.cn/translate/demo.html