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

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

高洛峰
發布: 2018-05-10 16:01:30
原創
6713 人瀏覽過

要求:
在開發小程式的過程中,我們可能會遇到一些開關控制的功能,例如是否訂閱啊,是否開啟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
最新問題
現在個人嫩申請微信小程序
來自於 1970-01-01 08:00:00
0
0
0
javascript - 小程式中遇到js執行時序問題
來自於 1970-01-01 08:00:00
0
0
0
用php如何產生小程式的小程式碼?
來自於 1970-01-01 08:00:00
0
0
0
微信小程式
來自於 1970-01-01 08:00:00
0
0
0
小程式可以用來開發功能性程式嗎?
來自於 1970-01-01 08:00:00
0
0
0
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板