小程序和wepy做循环渲染如何点击拿到相对应的值

数据和其他的就忽略,简单上手,wepy的for渲染方式改成对应的就行,传参触发不用改

<view wx:for="{{list}}">

  {{item.title}}

  <view bindtap="pullDetail"> {{item.content}} </view>

</view>


需要触发readDetail事件时,取到对应的id调接口查看详情。

可是小程序又不允许事件名后直接注入id参数。

其实,小程序早就想到这一点了,提供了一个 data-any (any任意类型) 方法

(小程序给出了示例,大家可以自行研究。)

可以写成如下:

<view class="myNew" wx:for="{{list}}">{{item.title}}<view bindtap="pullDetail" data-id="{{item.id}}">{{item.content}}</view></view>
js文件:

  1. readArticle:function(e){
  2. var $id = e.currentTarget.dataset.id; //打印可以看到,此处已获取到了对应的id
  3. })
原文地址:https://www.cnblogs.com/chase-star/p/11174587.html