uniapp 多语言版本demo in18

1.首先将需要翻译的文案整理成chinese.js,english.js…

const languageMap = {'我是文案':'我是文案',  //翻译出来的内容放后面引号
}
module.exports = {languageMap: languageMap
}

2.写一个翻译映射的js ：language.js

function getLanguage() {//返回缓存中的language属性 (_zhong/_ying/_riyu/_hanyu)return uni.getStorageSync('Language') || 'chinese'
};
function translate() {//返回翻译的对照信息return require('../i18n/' + getLanguage() + '.js').languageMap;   //这是你放语言包的路径哈
}
function translateTxt(desc) {//翻译   return translate()[desc] || '哎哟没有翻译呢';
}
module.exports = {getLanguage: getLanguage,_t: translate,_: translateTxt
}

3.为了防止每个页面引入使用，故而我们在main.js全局引入

import base from 'api/language.js';
Vue.use(base);
Vue.prototype.$base = base;

此时我们全局就有了个this.$base方法可以做文字匹配了。
具体页面中使用如下：this.$base._(['我是文案'])。
基本页面结构中的文案都可以按照这样映射过来了，此时还需要将标题跟随文字版本
获取页面标题并翻译多语言版本如下：
注：仅限于h5，wx小程序没有获取当前标题的方法，只能用uni.setNavigationBarTitle硬转换

 var pages = getCurrentPages()var page = pages[pages.length - 1]var title = page.$holder.navigationBarTitleTextuni.setNavigationBarTitle({title: this.$base._([title])})

uniapp 多语言版本demo in18相关推荐

实现一个通用的生产者消费者队列（c语言版本）
背景:笔者之前一直从事嵌入式音视频相关的开发工作,对于音视频的数据的处理,生产者消费者队列必不可少,而如何实现一个高效稳定的生产者消费者队列则十分重要,不过按照笔者从业的经验,所看到的现象,不容乐观, ...
【技术】uniapp之聊天室 demo
[技术] uniapp 之聊天室 demo 效果代码 <template><view><view class="content" @touchst ...
快速排序的两种实现方法(c语言版本)
经过调研发现,对任意无序整数数组,快速排序有两种实现方法,这里简单阐述下思路: 思路一:随意选择一个基准元,一般选择数组的起始元或末尾元,Weiss这本书上特意搞了个算法来选择基准元,--,总之就是基 ...
十种经典排序算法精粹(c语言版本)
下面给出这段时间我苦心研究验证过的十种经典排序算法的C语言版本,即下面的排序算法: 插入排序,shell排序,冒泡排序,快速排序,选择排序,堆排序,归并排序,桶排序,基数排序和计数排序.整理出来以作备 ...
T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@DateFirst、语言版本影响...
CSDN 的 Blog 太滥了!无时不刻地在坏! 开始抢救性搬家 ... ... 到这里重建家园 /* T-SQL: 17 个与日期时间相关的自定义函数(UDF),周日作为周的最后一天,均不受 @@D ...
轻松搞定c++语言pdf_当年锤子的大爆炸，如今12个语言版本都可轻松搞定！
第011期原创分享作者:huber 大家好,我是Hub哥!又被Hub友们催更了. 这些天,刷抖音看到罗永浩老师的直播带货,发现了老罗的一些变化,头发少了几千根啊(瞎猜的),言行举止少了往日怼天怼地的 ...
.NET中做多语言版本的心得 1
在过去的大半年中,因为产品的模块越来越多,多语言似乎做得没有尽头了在接下来的几天里面,我会把在.NET中做多语言版本的心得慢慢跟大家分享. 今天先说说基本要求: 1.我们使用资源文件(.resx)存 ...
qsort归纳学习（c语言版本）
qsort归纳学习(c语言版本) 参考:https://www.cnblogs.com/ForeverJoker/archive/2013/05/25/qsort-sort.html 包含在<s ...
编写一个自己的完全C语言版本的memset函数，并且评价这个实现的性能和可移植性。
编写一个自己的完全C语言版本的memset函数,并且评价这个实现的性能和可移植性. memset这个函数的作用大致可以理解为将从指针指向的地址开始的指定字节长度的空间全部替换为指定的值.那么我们可以很 ...

uniapp 多语言版本demo in18

uniapp 多语言版本demo in18相关推荐

最新文章

热门文章