BS项目全局翻译插件说明

探索小白

已于 2023-04-17 09:01:11 修改

阅读量263

点赞数

文章标签： javascript vue.js 前端

于 2023-04-17 08:58:45 首次发布

本文链接：https://blog.youkuaiyun.com/qq_20663175/article/details/130192187

版权

本文详细介绍了BS项目的全局翻译插件，包括如何在main.js中引用和注册插件，Vue原型上的e3t和$t扩展方法，以及翻译规则和正则匹配规则。此外，还解析了代码实现，如重写Vue.prototype._patch_、el-select和messageBox，以及开发辅助方法E3Language.waitingArr和E3Language.fanyi。最后提到了Tampermonkey浏览器扩展插件的使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.BS项目全局翻译插件说明

1.插件说明

1.使用

在main.js中引用插件,并使用Vue.use注册插件

js文件路径：src\util\InternationalLanguageHelp.js

import internationalLanguageHelp from '@/util/InternationalLanguageHelp';

Vue.use(internationalLanguageHelp);

window.E3Language //全局翻译配置
window.E3Language.state //翻译插件状态
window.E3Language.lang //翻译的语言
window.E3Language.package //翻译包
window.E3Language.regExpsPackage //正则翻译包

2.主要方法

/**
* 初始化并设置语言包和语言等信息
* @param {String} lang 语言标识
* @param {Array} packageFile 语言包
*/
SetLanguage(lang = "zh-CN", packageFile = []) {...}

/**
* 清理语言包，还原状态
*/
ReductionDefault() {...}

/**
* 翻译
* @param {String} label 要翻译中文
* @param {Boolean} enableReg 是否使用正则
* @returns 
*/
Translate(label, enableReg = false) {...}

/**
* 根据html字符串翻译里面的中文
* @param {String} html html文本
* @returns 
*/
TranslateByDomHtmlString(html) {...}

/**
* 根据dom翻译dom中的中文
* @param {Object} el dom
* @param {Boolean} e

最低0.47元/天解锁文章