微信小程序 Input框提交后清空

分享踩坑經(jīng)歷:

這里的原理是 通過一個中間變量去存儲輸入的信息 然后把原來的值清除掉,把中間變量的值拿去操作

說的再多都是廢話,直接上代碼:

Page({ 
  data: { 
    sendInfo: '', 
    userMessage: '' 
},
<form bindreset="cleanInput">
     <input type="text" placeholder="輸入新消息"  bindinput="bindMessage"></input>
     <button bindtap="sendMessage" formType="reset">發(fā)送 </button>
</form>
bindMessage: function(e) { 
    this.setData({ 
      userMessage: e.detail.value 
    })
 }
cleanInput: function() { 
    var setMessage = { sendInfo: this.data.userMessage }       
    this.setData(setMessage) 
}

這樣就可以成功點擊發(fā)送按鈕之后,拿到輸入框的數(shù)據(jù)去進行操作,而且輸入框的內(nèi)容會被清空(重置),button一定是要在form里面,并且要有formType屬性。

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

推薦閱讀更多精彩內(nèi)容