微信小程序的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 }); }