微信小程式for迴圈裡面新增input事件
阿新 • • 發佈:2020-12-11
1,在微信小程式for迴圈裡面新增input事件,並把input輸入值新增到列表裡面
2.wxml
<view class="item" wx:for="{{list}}" wx:for-item="vo" wx:key="index" data- item="{{vo}}"> <view class="col">{{vo.name}}</view> <view class="col2">{{vo.task_startTime}}</view> <view class="col2">{{vo.task_endTime}}</view> <view class="col">{{vo.work_hours}}</view> <view class="col stepper" > <input data-id="{{index}}" value="{{vo.money}}" bindfocus="bindFocus" bindinput="bindKeyInput"></input> </view> </view>
js
data:{ list:[ { name:'嘻嘻', task_startTime:'2020/12/03 12:56', task_endTime:'2020/12/03 15:56', work_hours:'3.0', money:0 } ], inputValue: '', focusId: '' }, bindFocus: function (event) { let id = event.currentTarget.dataset.id console.log(id) this.setData({ focusId: id }) }, bindKeyInput: function (event) { let that = this; let value = Number(event.detail.value) let id = event.currentTarget.dataset.id var up = 'list[' + id + '].money'; this.setData({ [up]:value }) console.log(that.data.focusId) console.log(that.data.list) },