小程序和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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值