微信小程序for循环里面添加input事件

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>

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.idconsole.log(id)this.setData({focusId: id})},bindKeyInput: function (event) {let that = this;let value = Number(event.detail.value)let id = event.currentTarget.dataset.idvar up = 'list[' + id + '].money';this.setData({[up]:value })console.log(that.data.focusId)console.log(that.data.list)},

微信小程序for循环里面添加input事件相关推荐

小程序 | 微信小程序实现循环嵌套数据选择
小程序 | 微信小程序实现循环嵌套数据选择一.效果展示二.代码实现在.wxml文件中,有时从后台传来的数据可能会出现数组嵌套数组的情况,需要利用wx:for嵌套实现数据的展示.这时,外层循环正常 ...
微信小程序 Unexpected end of JSON input
微信小程序 Unexpected end of JSON input 核心解决:encodeURIComponent和decodeURIComponent 跳转 jumpTopic(e) {const ...
在微信小程序中动态的添加类名
在微信小程序中动态的添加类名 <view data-num="1" class="takeTaxi {{_num == 1 ? 'active' : ''}}&qu ...
微信小程序-for循环
微信小程序-for循环通过wx:for可以根据指定的数组,循环渲染重复的组件结构,语法示例如下: <view wx:for="{{arr}}">索引是:{{index ...
微信小程序开发，如何添加多个空格
微信小程序开发,如何添加多个空格 <view> <text space="ensp">a b</text> </view> ...
php 微信小程序循环多选,微信小程序 for 循环详解
1,wx:for 在组件上使用wx:for控制属性绑定一个数组,即可使用数组中各项的数据重复渲染该组件.默认数组的当前项的下标变量名默认为index,数组当前项的变量名默认为item 事例如下: wx ...
微信小程序—for循环包括自定义for循环中的item和index（图文）
微信小程序-for循环包括自定义for循环中的item和index <view wx:for="{{list}}" wx:key="{{index}}"& ...
微信小程序实现循环列表下拉功能（点击事件）
在微信小程序里有下拉功能如果循环列表当执行点击事件的时候就会同时执行.下面主要实现了循环列表的点击事件操作.(也有数据里面嵌套数据) wxml <view class="sele ...
微信小程序向系统日历添加事件（提醒）实现
直接上代码 // pages/calendar/calendar.jsPage({// 点击添加日程按钮handleAddCalendar() {wx.getSetting({success(res) ...

微信小程序for循环里面添加input事件

微信小程序for循环里面添加input事件相关推荐

最新文章

热门文章