微信小程序中如何获取for循环的item相关值到JS页面的问题


今天小程序开发过程中,遇到了这个棘手的问题。由于我没有前端基础,只是知道一点儿基本的HTML标签,所以卡了好久,特此分享,望后来的你,可以有所收获。

measure 

step 1  *.WXML: 在view中用变量id,将item的索引存起来

1 <block wx:for="{{info}}" wx:for-index="item_id" wx:for-item="item_key">
2     <!--bindtouch函数绑定触摸弹出账号密码-->
3       <view class='infoBack' bindtouchstart='touchShow' id="{{item_id}}"> <!--先获取id-->
4         <text>{{item_id+1}} - {{item_key}}</text>
5       </view>
6     </block>

 

step 2  *.JS: 在绑定的事件中通过e.currentTarget.id,来获取该id,再用id索引到对应数组中取出相关value。

1 var i = e.currentTarget.id 2       this.setData({
3         cur_key : this.data.info[i] 4       })

有问题或者其他见解,欢迎交流讨论。

方法参考自:


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM