微信小程序实现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 }) } },
上一篇:
uniapp开发微信小程序-2.页面制作