微信小程序英文版：实现一键切换中英双语版（已组件化）

CrystalCCAI11

于 2021-02-10 16:42:09 发布

阅读量8.1k

点赞数 3

文章标签：小程序 javascript

本文链接：https://blog.csdn.net/weixin_41597254/article/details/113782408

版权

微信小程序多语言字典全局变量切换事件

关键词由CSDN通过智能技术生成

本文介绍了如何在微信小程序中实现多语言切换功能，包括创建中英文字典、在app.js中管理语言切换、更新页面内容及绑定切换事件。通过在每个页面onShow时更新数据，并使用wx.setStorageSync保存用户选择，确保了页面文本随着语言切换实时更新。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2021/7/13更新：已经重新优化代码做成了组件，需要可自取：https://github.com/CrystalCAI11/wechat-language-compoment
所有操作都打包在组件里不需要在额外的地方添加代码，直接在你需要的页面里导入组件，再在对应页面的onLoad()里set文本就行了。

onLoad() {
   
    this.setData({
   
      content: wx.getStorageSync('content')
    })
  }

第一步，找个地方新建中英文两个字典，我是放在utils下面
在这里插入图片描述
字典内容如下en.js

let en = {
   
  text1: 'text1',
  text2: 'text2',
  text3:'text3',
  text4:'text4',
}

module.exports = {
   
  content: en
}

zh.js

let zh = {
   
  text1: '文本1',
  text2: '文本2',
  text3:'文本3'

最低0.47元/天解锁文章