美文网首页
小程序更新对象属性数据

小程序更新对象属性数据

作者: 花影_62b4 | 来源:发表于2021-04-28 10:47 被阅读0次

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>


相关文章

网友评论

      本文标题:小程序更新对象属性数据

      本文链接:https://www.haomeiwen.com/subject/hufvrltx.html