微信小程序实现多国语言的切换-简单

实现步骤:

1,首先在根目录新建文件夹 i18n，该文件夹下是 各种语言的js文件，如下图所示：

每个js文件内容和下面的图片类似；

2，新建base.js文件，位族腔磨置和app.js同级别即可，也可自行安排位置；里面内容如下

3，在页面中使用：

首先在页圆亮面 js文件中引入base.js

然后在onShow生命周期函数中 写入：

写在onShow生命周期函数中每次进入该页面，都加载数据，虽然降低了性能，但是保证切换语言之后，页面的文字能随时变化；（（（切换语言主要是用了微信小程序的组件 radio-group ，改变缓存中的一个变量，该变量是用于确定当前选择的是何种语言的标志；在步骤1中有四个js文件，分别是“_hanyu.js”，“_riyu.js” ，“_ying.js”，“_zhong.js”,

通过单选按钮将对应的文件名放入缓存

这样页兆斗面js文件的data对象里就有了对应语言的数据，在wxml页面中可以通过双花括号获取数据；

例如：<text>{{_t["授权完成"]}}</text>

方法/步骤

打开微信小程序开发工具，打开已新建的或新建一个项目

请点击输入图片描述

新建一个页面文件wxml，插入一个radio-group，然后内嵌四个radio

请点击输入图片描述

保存代码并查看左侧模拟器，可以查看到一组单选按钮

请点击输入图片描述

在对应页面的JS文件中，定义单选按钮组change事件changeJa

请点击输入图片描隐判述

保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果

请点击输入图片描述

下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类

请点击输入图片描述

再次保存代码拆携明并查看左侧模旅告拟器，可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

微信小程则纯序开发工具。

打开微信小程序开发工具，打开已新建的或新建一个项目，新建一个页面文件wxml，插入一个radiogroup，然后内嵌四个radio，保存代码并查看左侧模拟器，可以查看到一组单选按钮在对应页面的JS文孙闹咐件中。

定义单选按钮组change事件changeJa保存代码并打开内置浏览器控制台，点击单选按钮，查看打印结果，下载WeUI文件，然后将相关的样式文件拷贝进去，然后修改界面并调用样式类再次保存代码并查看左侧模拟器，可以看到单选按弯孝钮样式变成了按钮的样式，点击即可单选只保存留下一个小程序。

---