Rumah > applet WeChat > Pembangunan program mini > 小程序如何实现动态控制switch开关的开和闭示例

小程序如何实现动态控制switch开关的开和闭示例

高洛峰
Lepaskan: 2018-05-10 16:01:30
asal
6627 orang telah melayarinya

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

小程序如何实现动态控制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>
Salin selepas log masuk

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>
Salin selepas log masuk

更多小程序如何实现动态控制switch开关的开和闭示例相关文章请关注PHP中文网!

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan