Maison > interface Web > js tutoriel > le corps du texte

Comment utiliser le composant modal pour afficher une boîte de dialogue dans l'applet WeChat

亚连
Libérer: 2018-06-23 15:55:05
original
1914 Les gens l'ont consulté

Cet article présente principalement la fonction de dialogue contextuelle de l'applet WeChat à l'aide du composant modal, et analyse les propriétés pertinentes et les compétences opérationnelles de réponse aux événements du composant modèle de l'applet WeChat sous forme d'exemples. référez-vous à lui

Cet article décrit l'exemple de l'applet WeChat utilisant le composant modal pour faire apparaître la fonction de boîte de dialogue. Partagez-le avec tout le monde pour votre référence, comme suit :

Code clé

①, index.wxml

<view>提示:{{tip}}</view>
<button type="default" bindtap="showModal">点击我弹出modal对话框</button>
<view>
 <modal title="modal对话框" hidden="{{modalHidden}}" confirm-text="确定" cancel-text="取消" bindconfirm="modalBindaconfirm" bindcancel="modalBindcancel">您好,我是modal对话框</modal>
</view>
Copier après la connexion

②, index.js

Page({
 data:{
  // text:"这是一个页面"
  tip:&#39;&#39;,
  buttonDisabled:false,
  modalHidden:true,
  show:false
 },
 showModal:function(){
  this.setData({
   modalHidden:!this.data.modalHidden
  })
 },
 modalBindaconfirm:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   show:!this.data.show,
   tip:&#39;您点击了【确认】按钮!&#39;,
   buttonDisabled:!this.data.buttonDisabled
  })
 },
 modalBindcancel:function(){
   this.setData({
   modalHidden:!this.data.modalHidden,
   tip:&#39;您点击了【取消】按钮!&#39;
  })
 }
})
Copier après la connexion

Ce qui précède est ce que j'ai compilé pour vous. J'espère qu'il vous sera utile à l'avenir.

Articles connexes :

Utiliser Electron pour créer des applications de bureau React+Webpack (tutoriel détaillé)

Comment l'implémenter dans WeChat mini programme Balayez vers la gauche ou la droite

Quels sont les types de données spéciaux en JavaScript

Comment utiliser Ajax pour demander des données de serveur dans l'applet WeChat

Comment utiliser le réseau de requêtes pour effectuer des opérations de requête dans les mini-programmes WeChat

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

É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