微信小程式 input事件繫結
阿新 • • 發佈:2021-09-05
⼩程式中繫結事件,通過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