要求:
在开发小程序的过程中,我们可能会遇到一些开关控制的功能,比如是否订阅啊,是否开启4g啊。这个时候我们需要去设置一个开关页面,今天我们要介绍的就是小程序如何实现动态控制switch开关的开和闭
部分代码
首页代码如下:
1 2 3 4 5 6 7 | <view class= "copyright" >
<view class= "copyright_item" >CopyRight:All Right Reserved</view>
<view class= "copyright_item" >原创作者:HTML51.COM</view>
<view class= "copyright_item" >微信小程序开发平台:51小程序</view>
<view class= "copyright_item" ><image class= "img" src= "../copyright/image/logo.png" /></view>
<view class= "goto_counter" ><button type= "default" bindtap= "goto_counter" >点击进去控制 switch 的开和闭</button></view>
</view>
|
index.wxml代码如下:
1 2 3 4 5 6 | < switch checked = "{{switchChecked}}" />
< button type = "default" bindtap = "openSwitch" >打开开关</ button >
< button type = "default" bindtap = "closeSwitch" >关闭开关</ button >
< switch checked = "{{switchChecked}}" />
< button type = "default" bindtap = "openSwitch" >打开开关</ button >
< button type = "default" bindtap = "closeSwitch" >关闭开关</ button >
|
版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。
暂时没有评论,来抢沙发吧~