Beispiel-Tutorial für ein Mini-Programmentwicklungs-Input-Tag

零下一度
Freigeben: 2017-05-24 09:15:33
Original
2280 Leute haben es durchsucht

In diesem Artikel werden hauptsächlich relevante Informationen zur detaillierten Erklärung und einfachen Beispielen von Eingabe-Tags in WeChat Mini-Programmen vorgestellt. Freunde in Not können sich auf

Detaillierte Erklärungen und einfache Beispiele von Eingabe-Tags in WeChat Mini beziehen Programme

Wir alle wissen, wie man Eingabe-Tags verwendet. Wir können es definitiv in WeChat-Miniprogrammen verwenden. Es gibt jedoch einige häufig verwendete Attribute, die nicht aus Gewohnheit verwendet werden können:
Das werde ich Verwenden Sie meine bevorzugten häufig verwendeten Beispiele:

Eins nach dem anderen interpretieren:

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

bindinput-Ereignis:

bind, als Name schlägt vor, ist bindend. Binden Sie das Eingabeereignis

wie folgt:

 tapevent:function(e){
  // 减少的时候
  if (e.target.id =="increase"){
this.data.tickets++;
this.setData(this.data);
  }
  else {
   this.data.tickets--;
   this.setData(this.data);
  }
  // 在这里修改总额
 },
Nach dem Login kopieren

Dies ist ein Auszug. Seien Sie also nicht neugierig, wie Sie zu diesem Abschnitt gelangen sehen Sie es. tapevent ist als Funktion definiert. Und wenn ich hier arbeite, habe ich das Gefühl, dass WeChat fast dasselbe ist wie Android. Alles durch Aktualisieren der Seite.

[Verwandte Empfehlungen]

1. Laden Sie den vollständigen Quellcode des WeChat-Miniprogramms herunter

2 Auto

3. Einfache Bedienung durch Wischen nach links und Wasserfall-Flusslayout

Das obige ist der detaillierte Inhalt vonBeispiel-Tutorial für ein Mini-Programmentwicklungs-Input-Tag. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage
Über uns Haftungsausschluss Sitemap
Chinesische PHP-Website:Online-PHP-Schulung für das Gemeinwohl,Helfen Sie PHP-Lernenden, sich schnell weiterzuentwickeln!