微信小程序里怎么控制两个只能选择一个的?

微信小程序里怎么控制两个只能选择一个的?,第1张

方法/步骤

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

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

请点击输入图片描述

再次保存代码并查看左侧模拟器,可以看到单选按钮样式变成了按钮的样式

请点击输入图片描述

实现步骤:

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/8043991.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-12
下一篇 2023-04-12

发表评论

登录后才能评论

评论列表(0条)

保存