在 uniapp 中使用 translate.js

在 uniapp 项目中的详细使用说明

使用

1. 初始化项目,在项目根目录打开终端执行

  1. npm init -y

得到一个page.json 文件

2. 打开终端,执行指令

  1. npm i i18n-jsautotranslate

npm仓库地址:https://www.npmjs.com/package/i18n-jsautotranslate
注意,这个仓库不是最新的,最好的方式还是直接下载我们这个js文件放入。translate.js 文件url为: https://gitee.com/mail_osc/translate/raw/master/translate.js/translate.js 这个一定是最新的

3. 在需要的页面引入

  1. import translate from 'i18n-jsautotranslate'

4. 页面模版写一个id标签,必须命名为id="translate"

  1. <view id="translate"></view>

5. 在生命周期mounted()中载入

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

编写

本篇文档编写者:邓亚军

其他

另外还有其他一些网友整理的说明可以参考:
https://blog.csdn.net/akkigg/article/details/130806401