微信小程序国际化语言包实现方式（di18n-translate）

首先需要一个工具类：languageBox.js

// Time 为事例值
export default {//英文"en": {"test":"test"},//中文"zh-cn": {"test":"测试"},
}

然后是另一个工具类:wxapp-i18n.js

let di18n = {}
di18n.locale = null
di18n.locales = {}di18n.registerLocale = function (locales) {di18n.locales = locales;
}di18n.setLocale = function (code) {di18n.locale = code
}di18n._ = function (line, data) {const locale = di18n.localeconst locales = di18n.localesif (locale && locales[locale] && locales[locale][line]) {line = locales[locale][line]}return line
}export default di18n

然后在 app.js 中引入文件并做处理.

//国际化
import locales from './utils/languageBox'
import di18n from './utils/wxapp-i18n'// 数据注入(可以在App({})外面写)
di18n.registerLocale(locales)
try {// 获取系统设置的语言格式var value = wx.getStorageSync('language')if (value) {di18n.setLocale(value)} else {di18n.setLocale('zh-cn')//默认显示中文}
} catch (e) {di18n.setLocale('zh-cn')//默认显示中文
}
wx.di18n = di18n

index.wxml中使用国际化语言包,则在index.js中书写:

onLoad: function (options) {//语言包开始let language = wx.di18n._console.log(language('test'))//语言包结束},

如果想把语言包分模块化也可以：

//languageBox.js
export default {//英文"en": {"Time": "Time"},//中文"zh-cn": {// -------------------封装成一块一块好调用-------------------"common": {"commonRecommend": "推荐项目","commonTime": "意向预约时间","commonYear": "年","commonMonth": "月","commonDay": "日",},}
}
//index.js
onLoad: function (options) {//语言包开始let language = wx.di18n._console.log(language('common'))let languageBox = language('common')console.log(languageBox.commonRecommend)//推荐项目//语言包结束
},

微信小程序国际化语言包实现方式（di18n-translate）相关推荐

微信小程序内含H5页面实现方式
微信小程序内含H5页面实现方式一.背景众所周知,我们写完小程序,发到线上,是需要经历设置版本.提交代码审核.等待审核等步骤,放一个版本下来可能花费很多的时间,甚至很可能等待了很长时间,审核未通过, ...
微信小程序开发语言一般有哪些？
微信小程序开发语言有哪些?小程序作为目前流行的编程开发和应用领域之一,受到市场的青睐.新手可能对小程序的开发完全困惑,不知道微信小程序开发语言一般有哪些,要用什么语言开发.下面让我们一起来看看. 一. ...
原生微信小程序国际化-i18n国际化
微信小程序国际化,看了看网上有i18n或者自己写个json等方法.于是用自己写json方法试了一下.感觉非常适合小白型的人理解和使用 1.新建一个js文件,写入json let localList = ...
微信小程序开发语言（微信小程序开发教程）详细步骤
微信小程序开发语言开发微信小程序用什么语言 1.微信小程序开发所需要的语言比较特别,首先介绍一下需要使用到的文件类型大致分为:WXML(WeiXin Mark Language 微信标记语言).WX ...
PC端3.7微信小程序无法抓包
3.7 微信小程序无法抓包原因小程序架构升级,据我判断微信小程序这次架构升级,不再像以往用http协议,现在改成了用Tcp协议进程分析由图上可见当我们启动微信小程序的时候其实他是启动了两个应用 ...
微信小程序获取的语言列表统计，微信小程序getSystemInfo获取的各种语言都叫什么？微信小程序国际化|多语言版本获取微信小程序语言大全【记录】
微信小程序要做国际化,需通过 wx.getSystemInfo 获取到当前使用的语言,来切换不同的语言包,或许是我没找对地方?查了一下微信手册上没有这个标准语言对照表或者记录啥的,只能自己挨个儿获取一 ...
微信小程序实现表情包编辑
主要思路是用Canvas来实现表情图片的编辑Canvas,本文中代码上注释部分请注意,有几个关于小程序api的坑首先在页面加载的时候从后端获取到图片url,并在Canvas上讲该图片绘制上去当用户 ...
微信小程序开发语言的选择
微信使用的开发语言和文件很「特殊」. 小程序所使用的程序文件类型大致分为以下几种: ①WXML(WeiXin Mark Language,微信标记语言) ②WXSS(WeiXin Style Shee ...
微信小程序使用 npm 包，举例图文详解
使用 npm 包前提条件: 下载安装,配置npm环境变量,不懂得可以上网查教程,本文不再描述小程序使用 npm 包简述 1.初始化 package.json 2.勾选允许使用 npm(新版微信小程序 ...

微信小程序国际化语言包实现方式（di18n-translate）

微信小程序国际化语言包实现方式（di18n-translate）相关推荐

最新文章

热门文章