小程序input实现数据双向绑定最终效果index.wxmlindex.js 最终效果 index.wxml <view class="uploader"><input type="number" style="border: 2rpx solid #666;" bindinput='inputChange' data-name='peopleNumber' placeholder="输入人数" /><input value="{{peopleNumber}}" style="border: 2rpx solid #666;" /> </view> index.js Page({data: {},// input框中输入的值,立即保存到worker变量中 视图=>data的更新// 变量worker变更,input框中的数据也就会立即变量 data=>视图 (小程序原本就存在的功能,这一部分不需要刻意实现)inputChange(event) {let _this = thislet dataset = event.currentTarget.dataset;let value = event.detail.valuelet name = dataset.name;console.log(name)_this.data[name] = value;_this.setData({[name]: _this.data[name]})console.log(_this.data[name])} })