微信小程序如何获取wx:for列表中点击行的信息
1.如果想要获取点击行的索引(即for循环数组的索引)
<view class='chooseTitle'> <view class='choose' wx:for="{{monArray}}" wx:for-index="bindex" wx:key="item.id"> <view class="itemName" bindtap='switchTab' data-bindex='{{bindex}}' data-id='{{item.id}}'>{{item}}</view> </view> </view>
JS代码
switchTab: function (e) { console.log(e) var index = parseInt(e.currentTarget.dataset.index) }
2.如果想要获取点击行的更详细信息
<view class="weui-cells searchbar-result" wx:if="{{inputVal.length > 0}}" hidden="{{!resultShowed}}"> <view wx:for="{{uplink}}" wx:for-item="item" wx:key="item.id" > <navigator url="" class="weui-cell" hover-class="weui-cell_active" data-item='{{item}}' data-id="item.id" bindtap="queryBtnClick"> <view class="weui-cell__bd"> <view>{{uplink[index].name}}:{{uplink[index].text}}->{{downlink[index].text}}</view> </view> </navigator> </view> </view> </view>
JS
queryBtnClick: function (e) { console.log("click", e) var clickitem = e.currentTarget.dataset.item }
如果您的问题还未解决可以联系站长付费协助。
有问题可以加入技术QQ群一起交流学习
本站vip会员 请加入无忧模板网 VIP群(50604020) PS:加入时备注用户名或昵称
普通注册会员或访客 请加入无忧模板网 技术交流群(50604130)
客服微信号:15898888535
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若内容侵犯了原著者的合法权益,可联系站长删除。