【微信小程序中英文转换】
文章图片
base.js
function getLanguage() {
//返回缓存中的language属性 (en / zh_CN)
return wx.getStorageSync('Language') || 'zh_CN'
};
function translate(){
//返回翻译的对照信息
return require('language/'+ getLanguage() + '.js').languageMap;
}function translateTxt(desc){
//翻译
return translate()[desc] || '竟然没有翻译';
}module.exports = {
getLanguage: getLanguage,
_t: translate,
_: translateTxt,
}
language/en.js
const languageMap = {
'蓝牙搜索':'bluetooth search',
}
module.exports = {
languageMap : languageMap
}
app.js
onLaunch() {
// 展示本地存储能力
const logs = wx.getStorageSync('logs') || []
logs.unshift(Date.now())
wx.setStorageSync('logs', logs)
// 登录
wx.login({
success: res => {
// 发送 res.code 到后台换取 openId, sessionKey, unionId
}
})
if (this.globalData.base.getLanguage() == 'zh_CN') {
this.globalData.language = 'English'
} else {
this.globalData.language = '中文'
};
this.globalData._t = this.globalData.base._t()
},
globalData: {
language:'中文',
base:require('./utils/base'),
}
推荐阅读
- 最好用的 12 款 Vue Timepicker 时间日期选择器测评推荐 - 卡拉云
- 如何在 Vue 中加入图表 - Vue echarts 使用教程 - 卡拉云
- 防御式CSS是什么(这几点属性重点防御!)
- Vite + Vue3 初体验 —— Vue3 篇
- vue移动端下拉刷新和上拉加载组件,体积小运行快
- Vue中将json数据导出为Excel表格
- [Vue] mounted阶段获取不到dom的原因及解决方法
- h5通过ping++集成几种支付
- VUE 巧用$attrs和inheritAttrs提高组件的可扩展性