微信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 @   Pavetr  阅读(897)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 无需6万激活码!GitHub神秘组织3小时极速复刻Manus,手把手教你使用OpenManus搭建本
· Manus爆火,是硬核还是营销?
· 终于写完轮子一部分:tcp代理 了,记录一下
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
点击右上角即可分享
微信分享提示