微信小程序实现动态控制 switch 开关开和闭示例展示

why 8 2024-09-25

要求:
在开发小程序的过程中,我们可能会遇到一些开关控制的功能,比如是否订阅啊,是否开启4g啊。这个时候我们需要去设置一个开关页面,今天我们要介绍的就是小程序如何实现动态控制switch开关的开和闭

image.png

部分代码
首页代码如下:

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小时内删除侵权内容。

上一篇:微信小程序 video 组件播放视频功能示例详解
下一篇:微信小程序 WebSocket 协议说明与使用示例详细解析
相关文章

 发表评论

暂时没有评论,来抢沙发吧~