## 快速使用 在你的网页中加入以下js ```` layui.extend({ translate: '{/}https://res.wang.market/translate/else/layui_exts/translate/translate' // {/}的意思即代表采用自有路径，即不跟随 base 路径 //translate: '{/}./layui_exts/translate/translate' // 本地测试可以用这个 }) //使用拓展模块 layui.use(['translate'], function(){ var translate = layui.translate; //当页面加载完后执行翻译操作 window.onload = function () { translate.execute(); }; }); ```` ## 实际使用场景示例 #### 普通网站中点击某个语言进行切换 如下图所示，网站中的某个位置要有几种语言切换  直接在其html代码末尾的位置加入以下代码： ````

• English
|
• 简体中文
|
• 繁體中文

```` ## Layui 中翻译组件源码的git仓库 https://gitee.com/mail_osc/translate_layui

在 uniapp 项目中的详细使用说明 ## 使用 使用参考： [在 vue 中使用 translate.js](http://translate.zvo.cn/42046.html) 可以完全按照vue的使用方式来进行使用。 uniapp 打包发布 APP 后也是可以完美使用的，但是如果发布微信小程序，微信小程序里是不能用这个翻译的，这个需要知晓。 另外uniapp如果要打包app，打包app后翻译大概率是不能用的，可以参考这个文档进行调整 [https://gitee.com/mail_osc/translate/tree/master/extend/uniapp/](https://gitee.com/mail_osc/translate/tree/master/extend/uniapp/) ，里面有APP的相关demo示例以供参考 ## 其他 另外还有其他一些网友整理的说明可以参考： https://blog.csdn.net/akkigg/article/details/130806401 但是这种很容易踩坑，不推荐，如果你本身对uniapp很熟悉，那可以参考这个，不然踩坑后对uniapp不那么精通的话可能不好爬出来，建议按照我们建议的使用方式也就是vue的方式来

## 方式一： #### package.json 文件 增加 ```` "i18n-jsautotranslate": "^3.12.7", ```` #### 页面上出现语言切换的Select下拉切换菜单 ```` ```` #### JS部分： ```` import translate from 'i18n-jsautotranslate' window.translate = translate; //方便审核元素用控制台调试 translate.service.use('client.edge'); //翻译通道 translate.whole.enableAll(); //整体翻译 //页面渲染完毕后触发执行 translate.execute(); nextTick(() => { translate.execute(); setTimeout(function(){ //vue的input中的placeholder属性会在nextTick之后延迟渲染，而这个属性是没有别的方式来监听的，所以额外加一个定时器 translate.execute(); }, 500); translate.listener.start(); //开启html页面变化的监控 }); onUpdated(() => { translate.execute(); }); ```` 这里有个示例可以参考： https://lruihao.github.io/vue-el-demo/#/translate-js ## 方式二： ``` ``` 完整的index.html 示例: ```html ``` #### 注意 fan方式二在vue里面进行调用，比如你vue页面中有个切换语言的按钮，点击后进行切换为某种语言，千万不要在vue页面中引入 translate.js ，这样会造成重复引入重复翻译， vue中使用时只需要前面加个windows就好了，比如 [主动进行语言切换](http://translate.zvo.cn/41549.html) 不是vue的情况正常使用是 `translate.changeLanguage('english');` 而在vue代码中触发则是 `window.translate.changeLanguage('english');` #### 文档编写 方式二的文档编写者：[青岛云迪智能科技有限公司 - 赵安吉](https://www.yund.cn) 如果您在使用时有什么问题，需要付费求助，可以联系 赵安吉微信 HoneyZ1103 具体需要他帮什么、以及费用你们可以自行商谈