小程序 setdata key是变量

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

原创最新推荐文章于 2024-07-26 17:43:06 发布 · 944 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#小程序

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

小程序

2 篇文章

订阅专栏

本文探讨了在小程序中如何实现输入框与JS代码的有效交互，通过实例代码展示了如何使用bindinput事件监听输入框变化，并实时更新数据。关键步骤包括设置输入框的id和value属性，定义JS函数getInputValue来捕获输入变化，使用console.log进行调试，最后通过setData方法更新视图。

<input id='name' type='text' placeholder='姓名' value='{{Object.name}}' bindinput='getInputValue'/>

js:


 getInputValue: function (e) {
    console.log("========================================== " + e.currentTarget.id);
    let inputName = 'Object'.concat('.',e.currentTarget.id);
    this.setData({
      [inputName]:e.detail.value
      });

    console.log("==================Object.name============= " + this.data.Object.name);
  }