小程序 setdata key是变量

大熊猫今天吃什么

于 2018-10-02 20:36:14 发布

阅读量924

点赞数

分类专栏： js 小程序文章标签：小程序

本文链接：https://blog.youkuaiyun.com/plotu_charon/article/details/82928249

版权

js 同时被 2 个专栏收录

2 篇文章

订阅专栏

小程序

2 篇文章

订阅专栏

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

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

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