在开发小程序的过程中,我们可能会遇到一些开关控制的功能,比如是否订阅啊,是否开启4G啊。这个时候我们需要去设置一个开关页面,今天我们要介绍的就是小程序如何实现动态控制switch开关的开和闭
部分代码
首页代码如下:
<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代码如下:
<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>
更多小程序如何实现动态控制switch开关的开和闭示例相关文章请关注PHP中文网!
![php中文网最新课程二维码](/static/images/article_wechat2021.jpg?1111)
声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
- 上一篇:微信小程序开发的详细解释
- 下一篇:详解打开小程序如何打开微信自带的地图
网友评论
文明上网理性发言,请遵守 新闻评论服务协议
我要评论