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

最新推荐文章于 2024-07-17 17:43:23 发布

strong90

最新推荐文章于 2024-07-17 17:43:23 发布

阅读量2.5k

点赞数 1

分类专栏：微信小程序文章标签：小程序 input 赋值

本文链接：https://blog.youkuaiyun.com/strong90/article/details/107506673

版权

微信小程序专栏收录该内容

3 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

// 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
      }
    )
  }