小程序更新对象属性数据
js
formInputChange(e) { console.log(e.currentTarget.dataset,e.detail.value)
const { field } = e.currentTarget.dataset
this.setData({ [`form.${field}`]: e.detail.value }) }
wxml
<mp-form id="form" rules="{{rules}}" models="{{form}}">
<mp-cells>
<mp-cell prop="nickname" title="昵称" ext-class="h-150">
<input value='{{form.nickname}}' data-field="nickname" class="weui-input" disabled />
</mp-cell>
<mp-cell prop="Name" title="姓名" ext-class="h-150">
<input bindinput="formInputChange" data-field="Name" value='{{form.Name}}' class="weui-input" placeholder="请输入真实姓名" />
</mp-cell>
<mp-cell prop="gender" title="性别" ext-class="h-150">
<radio-group bindchange="formInputChange">
<label class='labelBox'>
<radio value="{{0}}" name='gender' checked="{{form.gender==1}}" />男</label>
<label class='labelBox'>
<radio value="{{1}}" name='gender' checked="{{form.gender==2}}" />女</label>
</radio-group>
</mp-cell>
<mp-cell prop="Phone" title="电话" ext-class="h-150">
<input bindinput="formInputChange" data-field="Phone" type="number" value='{{form.Phone}}' class="weui-input" placeholder="请输入手机号码" />
</mp-cell>
</mp-cells>
</mp-form>
</view>