小程序國際化實現方式

小程序國際化實現方式 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中調用此方法.