首頁 >微信小程式 >小程式開發 >小程式如何實現動態控制switch開關的開和閉範例

小程式如何實現動態控制switch開關的開和閉範例

高洛峰
高洛峰原創
2018-05-10 16:01:306664瀏覽

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

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中文網!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn