小程序更新对象属性数据

2021-04-28  本文已影响0人  花影_62b4

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>


上一篇 下一篇

猜你喜欢

热点阅读