午夜91福利视频,午夜成人在线观看,午夜在线视频免费观看,午夜福利短视频,精品午夜成人免费视频APP

小程序模板網

微信小程序如何獲取wx:for列表中點擊行的信息

發布時間:2021-07-01 08:56 所屬欄目:小程序開發教程

1.如(ru)果想要獲(huo)取點(dian)擊行的索引(即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.如(ru)果想要獲取點擊行(xing)的更(geng)詳細信息

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


易(yi)優小程(cheng)序(企業版(ban))+靈活api+前后代碼(ma)開源 碼(ma)云倉(cang)庫:
本文地址://www.jinyoudianli.com/wxmini/doc/course/26870.html 復制鏈接 如需定(ding)制請聯系易優客服咨(zi)詢:

工作日 8:30-12:00 14:30-18:00
周(zhou)六(liu)及部(bu)分節假日提供值班服務

易(yi)小優
轉人工 ×