So verwenden Sie den Textbereich des WeChat-Applets

Dieser Artikel stellt hauptsächlich die detaillierte Erklärung und einfache Verwendung des WeChat-Applets textarea vor. Hier ist der Implementierungsbeispielcode und die Methode zur Lösung des Problems, dass textarea kein Bindchange-Ereignis hat und Variablen während der Eingabe keine Werte zuweisen kann Wer es braucht, kann sich bitte an die folgende

einfache Lösung für den Textbereich des WeChat-Applets wenden

Es gibt kein Bindchange-Ereignis für den Textbereich im WeChat-Applet, daher können Variablen keine Werte zugewiesen werden ​während der Eingabe.

Obwohl das Bindblur-Ereignis verwendet werden kann, wenn Sie das Bindblur-Ereignis binden und erneut auf die Schaltfläche klicken, wird zuerst das Schaltflächenereignis und dann das Bindblur-Ereignis ausgeführt, sodass der Eingabewert nicht abgerufen werden kann die js-Datei,

Lösung: Klicken Sie in Kombination mit dem From-Formular nach der Eingabe in das Textfeld „Textarea“ auf die Schaltfläche „Senden“. Zu diesem Zeitpunkt wird das Textarea-Ereignis ausgeführt Zuerst (den Eingabeinhalt des Textfelds abrufen) und dann die Daten ausführen. Das Problem ist gelöst

wxml-Dateicode:

<form bindsubmit="evaSubmit">
   <textarea name="evaContent" maxlength="500" value="{{evaContent}}" class="weui-textarea" placeholder="填写内容(12-500字)"bindblur="charChange" />     
   <button formType="submit" disabled="{{subdisabled}}" class="weui-btn mini-btn" type="primary" size="mini">提交</button>
 </form>

js-Dateicode:

var app = getApp();
Page({
 data:{
   evaContent  : ''
 },
 onLoad:function(){
 },
 onReady:function(){
  // 页面渲染完成
 },
 onShow:function(){
  // 页面显示
 },
 onHide:function(){
  // 页面隐藏
 },
 onUnload:function(){
  // 页面关闭
 },
 //事件
 textBlur: function(e){
   if(e.detail&&e.detail.value.length>0){
    if(e.detail.value.length<12||e.detail.value.length>500){
     //app.func.showToast(&#39;内容为12-500个字符&#39;,&#39;loading&#39;,1200);
    }else{
     this.setData({
       evaContent : e.detail.value
     });
    }
   }else{
    this.setData({
      evaContent : &#39;&#39;
    });
    evaData.evaContent = &#39;&#39;;
    app.func.showToast(&#39;请输入投诉内容&#39;,&#39;loading&#39;,1200);
   }
 },
 //提交事件
 evaSubmit:function(eee){  
  var that = this;
  //提交(自定义的get方法)
  app.func.req(&#39;http://localhost:1111/ffeva/complaint?content=&#39;&#39;+this.data.evaContent),get,function(res){
      console.log(res);
      if(res.result===&#39;1&#39;){
       //跳转到首页
       app.func.showToast(&#39;提交成功&#39;,&#39;loading&#39;,1200);
      }else{
       app.func.showToast(&#39;提交失败&#39;,&#39;loading&#39;,1200);
      }
  });
 }
})

Nachteile:

Nach diesem Vorgang ist die Funktion fehlerhaft. Beispielsweise kann die Anzahl der in das Textfeld des Benutzers eingegebenen Zeichen nicht sofort ermittelt werden. Wenn es eine bessere Lösung gibt, hoffe ich, dass Sie davon erfahren können!

Das Obige ist der gesamte Inhalt dieses Artikels. Ich hoffe, er wird für das Studium aller hilfreich sein. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.

Verwandte Empfehlungen:

Analyse von onLoad im WeChat Mini-Programm

WeChat Mini-Programm Beispiel für eine Scroll-Ansicht, die Pull-Up-Laden und Pull-Down-Aktualisierung implementiert

Das obige ist der detaillierte Inhalt vonSo verwenden Sie den Textbereich des WeChat-Applets. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!