要求:
在開發小程式的過程中,我們可能會遇到一些開關控制的功能,例如是否訂閱啊,是否開啟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中文網!