微信小程序一堆input输入框的赋值问题

最新推荐文章于 2024-11-27 01:00:00 发布

原创最新推荐文章于 2024-11-27 01:00:00 发布 · 2.6k 阅读

2 ·

本内容遵循CC 4.0 BY-SA版权协议

收录于

微信小程序

当前文章被收录于：

微信小程序

3 篇文章 0 人学习

订阅专栏查看详情

当前文章被以下社区和专栏收录：

本文介绍了一种使用WeUI框架中输入框组件的方法，通过数据绑定实现输入内容的实时更新。具体展示了如何在HTML中设置输入框样式与占位符，并在JS中定义事件处理器来捕获输入事件，更新数据模型。

// html

<input placeholder-style="color:#aaaaaa;" class="weui-input right-input" placeholder="可以添加备注信息" data-key="remark1" bindinput="singleInput" />					


// js

singleInput: function(e) {
    console.log('e===', e)
    let key = e.currentTarget.dataset.key
    let value = e.detail.value
    let temp = this.data.singleData
    temp[key] = value
    this.setData(
      {
        singleData:temp
      }
    )
  }

标签

#小程序 #input #赋值