微信小程序中 input空間輸入文字如何清空

   場景：希望讀取input控件的輸入內容之後，清空輸入框的內容。由於本人是JS小白，整整花了一兩個小時都沒找到方法。

原來微信小程序不支持document通過id獲取控件的方法，儘管編譯不報錯，但是實際是不起作用的，本人親測。

只能通過數據傳遞的方式實現，方法如下：

        

功能：按控件“輸入”，之後input輸入框就會清空

//input.wxml----添加控件

 <input placeholder="請輸入查詢語句" confirm-type ="send"  value="{{searchinput}}"/>
 <button type="primary" size="mini" style="background:#d0e0e3;color:#000000 " bindtap="BeginSearch">清空</button>    

其中{{searchinput}}即input控件的輸入數據

然後在對應page 的js文件中實現清空：

Page({
data: {  
    searchinput:''
  }
BeginSearch:function(e){
   
    this.setData({
      searchinput: '',
    })
  }
}）

小程序體驗：掃下面的二維碼

 

完整代碼下載：

智能生活寶-智能對話小程序Demo下載

技術交流羣：