小程序for循环大量数据渲染,操作dom更改选中单独的节点?

index.wxml部分


  

  <view class='imgItem' wx:for="{{imgData}}">

    <image src="{{item.img}}"></image>

    <view style="border-bottom-color:{{item.valColor}}"></view>

     

    <view><!-- $ 后台输出-->{{item.val}} </view> 

    <view class='tap' data-ind="{{index}}" bindtap='selectItem'></view>

  </view>

  

index.js 部分

https://img2.mukewang.com/5c6901500001296003210334.jpg

代码部分如上.. 需要点击循环渲染出来的节点(可能有上千条), 现在需要实现 单独点击其中一个节点, 该节点出现变化/... 按照前面的思路, 需要在 data 中放同样多的 变量(中间量) 来对比判断, 用三目运算, 动态加/删class类名 或者 wx:if/ hidden之类的方法实现 ,但 显然同样 上千条变量是不切实际的 , 有大神有思路没有??

杨__羊羊
浏览 1277回答 1
1回答

烙印99

在 view 中加入 for 循环的 {{index}}: ,然后根据 index 来操作
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript