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

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

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

  {{item.title}}code

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

</view>事件


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

但是小程序又不容许事件名后直接注入id参数。it

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

(小程序给出了示例,你们能够自行研究。)function

能够写成以下:class

<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. })
相关文章
相关标签/搜索