博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
小程序国际化实现方式
阅读量:7082 次
发布时间:2019-06-28

本文共 1062 字,大约阅读时间需要 3 分钟。

小程序国际化实现方式 2018年11月14日 11:44:53 丫先知 阅读数:436 话不多说,上代码。

首先需要一个工具类:locales.js

// Time 为事例值 export default {

//英文 "en": {

"Time":"Time"复制代码

},

//中文 "zh-cn": {

"Time":"时间"复制代码

},

//繁体 "zh-hk": {

"Time":"時間"复制代码

} }

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

let T = {} T.locale = null T.locales = {}

T.registerLocale = function (locales) { T.locales = locales; }

T.setLocale = function (code) { T.locale = code }

T._ = function (line, data) { const locale = T.locale const locales = T.locales if (locale && locales[locale] && locales[locale][line]) { line = locales[locale][line] }

return line复制代码

}

export default T

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

//国际化 import locales from './utils/locales' import T from './utils/wxapp-i18n'

// 数据注入 T.registerLocale(locales) try { // 获取系统设置的语言格式 var value = wx.getStorageSync('language') if (value) { T.setLocale(value) } else { T.setLocale('zh-hk')//默认显示繁体 } } catch (e) { T.setLocale('zh-hk')//默认显示繁体 } wx.T = T 使用方式如下, 假设需要在index.wxml中使用国际化,则在index.js中书写:

setLang() { const _ = wx.T._ this.setData({ Time: _('Time') }) } -- setLang 是自定义方法,可以在 OnLoad中调用此方法.

转载地址:http://mjtml.baihongyu.com/

你可能感兴趣的文章
我的友情链接
查看>>
斯坦佛编程教程-Unix编程工具(三)
查看>>
DHCP和TFTP配置以及CentOS 7上的服务控制
查看>>
Python 5.5 使用枚举类
查看>>
cookie禁用后session id传值的问题
查看>>
android 动画AnimationSet 和 AnimatorSet
查看>>
如何成为一个偷懒又高效的Android开发人员
查看>>
内存中堆和栈的存储
查看>>
我的友情链接
查看>>
linux之sed
查看>>
Redis简单扩容经验谈
查看>>
Ganglia汇总监控搭建和配置详解
查看>>
zookeeper学习之java api<六>
查看>>
高性能的MySQL(4)Schema设计
查看>>
Vim 常用命令总结
查看>>
第六章 创建HTML文档
查看>>
nginx-location规则匹配
查看>>
shell打印颜色的命令
查看>>
我的友情链接
查看>>
mysql常用参数
查看>>