Maison > Applet WeChat > Développement de mini-programmes > Exemple de la façon dont un petit programme peut contrôler dynamiquement l'ouverture et la fermeture d'un interrupteur

Exemple de la façon dont un petit programme peut contrôler dynamiquement l'ouverture et la fermeture d'un interrupteur

高洛峰
Libérer: 2018-05-10 16:01:30
original
6666 Les gens l'ont consulté

Exigences :
Dans le processus de développement de petits programmes, nous pouvons rencontrer certaines fonctions de contrôle de commutation, comme s'il faut s'abonner ou s'il faut activer la 4G. À ce stade, nous devons configurer une page de commutateur. Ce que nous allons présenter aujourd'hui, c'est comment contrôler dynamiquement l'ouverture et la fermeture du commutateur dans un petit programme

Exemple de la façon dont un petit programme peut contrôler dynamiquement louverture et la fermeture dun interrupteur

Une partie du code
Code de la page d'accueil Le code pour index.wxml est le suivant :

<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>
Copier après la connexion

Le code index.wxml est le suivant :

<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>
Copier après la connexion

Pour plus d'exemples sur la façon dont les petits programmes peuvent contrôler dynamiquement l'ouverture et la fermeture d'un commutateur, veuillez faire attention au site Web PHP chinois pour les articles connexes !

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal