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

why 392 2025-05-06 22:18:29

要求:
在开发小程序的过程中,我们可能会遇到一些开关控制的功能,比如是否订阅啊,是否开启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小时内删除侵权内容。

上一篇:换SQL Server 时间变换技巧实战(sqlserver时间转)
下一篇:大模型编程IDE的崛起:如何改变我们的开发方式与思维?
相关文章