微信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
    })
  },

 

posted @ 2022-03-23 16:49  Pavetr  阅读(912)  评论(0)    收藏  举报