微信小程序獲取並更新input值


微信小程序的input組件因為沒有雙向綁定的功能,所以要監聽input的值並更新到js中。

表單input一旦太多,每個input上綁定不同的監聽事件會使代碼變得冗雜不易閱讀,所以需要建一個公共事件給所有input綁定上,通過data-x傳值的方式綁定到不同變量中。

wxml:

<input type="text" data-model="userInfo.name" bindinput="inputWacth" />
<input type="password" data-model="userInfo.pwd" bindinput="inputWacth" />

js:

inputWacth: function (e) {
    let item = e.currentTarget.dataset.model;
    this.setData({
      [item]: e.detail.value
    });
}

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM