ホームページ > WeChat アプレット > ミニプログラム開発 > 小さなプログラムでスイッチの開閉を動的に制御する方法の例

小さなプログラムでスイッチの開閉を動的に制御する方法の例

高洛峰
リリース: 2018-05-10 16:01:30
オリジナル
6633 人が閲覧しました

要件:
小さなプログラムを開発する過程で、サブスクライブするかどうかや 4G をオンにするかどうかなど、いくつかのスイッチ制御機能が発生する場合があります。この時点で、スイッチ ページを設定する必要があります。今日は、小さなプログラムがスイッチの開閉を動的に制御する方法を紹介します

小さなプログラムでスイッチの開閉を動的に制御する方法の例

コードの一部
ホームページのコードは次のとおりです。

<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>
ログイン後にコピー

小さなプログラムでスイッチの開閉を動的に制御する方法のその他の例については、PHP 中国語 Web サイトの関連記事に注目してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート