微信小程序实现input双向绑定对象

由于小程序 只能单一字段的绑定,不支持对象绑定

代码实现方法: wxml代码:

<input type="text" cursor-spacing="20" placeholder-class="placeholder" data-tag="name" bindinput="_onInput" adjust-position="true" value="{
           
    {obj.name}}" placeholder="请输入"></input>

js代码

/**
   * input 动态绑定对象方法
   * @param {*} e 
   */
_onInput(e){
          
   
    let value = e.detail.value;
    let tag = e.currentTarget.dataset.tag;
    if(value){
          
   
      let _target = `obj.${
            
     tag}`
      this.setData({
          
   
        [_target] : value
      })
    }
  },
经验分享 程序员 微信小程序 职场和发展