Vue项目中引入translate.js实现国际化自动翻译功能实例_vue.js
translate.js 是一个自动翻译组件,具有以下优点:
import translate from 'i18n-jsautotranslate';// 设置使用 v2.x 版本translate.setUseVersion2();// 是否显示语言切换栏translate.selectLanguageTag.show = false;// 监控页面动态渲染的文本进行自动翻译translate.listener.start();// Vue 2Vue.prototype.$translate = translate;// Vue 3app.config.globalProperties.$translate = translate;
// 切换语言并翻译function languageAuto() { const language = this.$translate.getLanguage(); if (language === "zh") { this.$translate.changeLanguage("english"); } else { this.$translate.changeLanguage("chinese_simplified"); } this.$translate.execute(); // 执行翻译}
translate.js 支持多种语言,例如:
更多语言支持请参考文档:translate.js 文档
到此这篇关于Vue项目中引入translate.js实现国际化自动翻译功能的文章就介绍到这了,更多相关Vue实现国际化自动翻译内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!
本文地址: https://www.earthnavs.com/jishuwz/cb6fca4f0973465dbb47.html




















