1、问题:在微信小程序的双向绑定不能绑定对象,只能绑定单个的变量,对象的话需要通过setData来设置变量,当表单的input多的时候就很麻烦
2、解决:
html
<input placeholder-class="pla_text" placeholder='请填写区域名称' class="cell_input" value="{{form.areaName}}" data-key="form.areaName" bindinput="bindKeyInput" /> <input placeholder-class="pla_text" placeholder='请填写名称' class="cell_input" value="{{form.name}}" data-key="form.name" bindinput="bindKeyInput" />
js
bindKeyInput(e) { console.log(e) const key = e.currentTarget.dataset.key, value = e.detail.value this.setData({ [key]: value }) },