微信input对象双向绑定


1、问题:在微信小程序的双向绑定不能绑定对象,只能绑定单个的变量,对象的话需要通过setData来设置变量,当表单的input多的时候就很麻烦

2、解决:

html

    <input 
      placeholder-class="pla_text" 
      placeholder='请填写区域名称' 
      class="cell_input" 
      value="{{form.areaName}}" 
      data-key="form.areaName" 
      bindinput="bindKeyInput" />
   <input 
      placeholder-class="pla_text" 
      placeholder='请填写名称' 
      class="cell_input" 
      value="{{form.name}}" 
      data-key="form.name" 
      bindinput="bindKeyInput" />

js

  bindKeyInput(e) {
    console.log(e)
    const key = e.currentTarget.dataset.key, value = e.detail.value
    this.setData({
      [key]: value
    })
  },

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM