微信小程序 input事件綁定

⼩程序中綁定事件，通過bind關鍵字來實現。如 bindtap bindinput bindchange 等 不同的組件⽀持不同的事件，具體看組件的說明即可。

 

下面舉例 input 內容被改變 怎么觸發：

 

 

 

所以這個bindinput 就是 當input內容被改變時會進行時間觸發

 

如何獲取input的值？ 

 

 

 我們打印一下e，看看里面是什么：

　　　　

 

 

 可以看到 我輸入q 然后打印出來的e ，e中 value存到了 detail 中的 value 中。

 

怎么把 data 中的 num 事實改為 input 的 valu：

　　所以 1 和 2的寫法是錯的，我們應該用 setData 直接改：

Page({

   // 頁面的初始數據
  data: {
      num:0
  },
  //內容改變觸發的函數
  handelInput(e){
      //當input值改變 那么就把值實時放入data中
        this.setData({
          num:e.detail.value
        })
    } 
})

 

 即：

 

APPData中也是監視data的值的 。