1. 程式人生 > 其它 >微信小程式 input事件繫結

微信小程式 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的值的 。

本文來自部落格園,作者:鹹瑜,轉載請註明原文連結:https://www.cnblogs.com/bi-hu/p/15229324.html