Maison > Applet WeChat > Développement de mini-programmes > Tutoriel d'exemple de balise d'entrée de développement de mini-programme

Tutoriel d'exemple de balise d'entrée de développement de mini-programme

零下一度
Libérer: 2017-05-24 09:15:33
original
2318 Les gens l'ont consulté

Cet article présente principalement des informations pertinentes sur l'explication détaillée et des exemples simples de balises d'entrée dans les mini-programmes WeChat. Les amis dans le besoin peuvent se référer à

Explication détaillée et exemples simples de balises d'entrée dans WeChat mini. programmes

Nous savons tous comment utiliser les balises d'entrée. Nous pouvons certainement les utiliser dans les mini-programmes WeChat. Cependant, certains attributs couramment utilisés ne peuvent pas être utilisés selon l'habitude :
Je le ferai. utiliser mes exemples préférés couramment utilisés :

Interpréter un par un :

首先,我是定义了他的id,这是我们最常用的,所以就配了一个id,毕竟不操作他,又为什么设成输入框呢, 
第二,设置他的样式, 
第三,设置他的输入类别,以上都是很简单的 
第四。使用正则l;哎限定输入为纯数字。这点可能有点不理解,这是对他的keyup事件监听,将不是纯数字的list无视掉。注意,是对整个,不是经行筛选。 
第五,限制他的输入最多6位数 
第六输入事件监听。这是微信专属的,他的事件下面会给出 
第七,设置当输入框为空的时候他的‘提示语';
Copier après la connexion

événement bindinput :

bind, comme nom suggère, est contraignant. , liez l'événement input

comme suit :

 tapevent:function(e){
  // 减少的时候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在这里修改总额
 },
Copier après la connexion

Ceci est un extrait, alors ne soyez pas curieux de savoir comment accéder à cette section, vous pouvez voyez-le. tapevent est défini comme une fonction. Et lorsque je travaille ici, j'ai l'impression que WeChat est presque le même que Android. Tout cela en actualisant la page.

[Recommandations associées]

1. Téléchargez le code source complet du mini-programme WeChat

2 Démo du mini-programme WeChat : Kaka. Auto

3. Opération simple de balayage vers la gauche et disposition du débit en cascade

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