小程序循环wx:for(循环标签<block>)

前端之家收集整理的这篇文章主要介绍了小程序循环wx:for(循环标签<block>)前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

小程序循环wx:for

解决小程序循环问题

例如
这里我们循环会把<view class="shipinbg">这个标签全部循环可是我只需要循环这个标签内容

解决方案: 

我们可以使用标签

  <view class="shipin viewpadd">
     <view class="nav_hh">
       <view class="navht">在线视频</view>
       <view class="more"  hover="true" hover-class="hover_nav" hover-stay-time="1000">
       <navigator url="../avideo/video" open-type="switchTab" >更多 </navigator>
     </view>
     </view>
     <view class="shipinbg">
        <block  wx:for="{{vieo}}" wx:key="{{index}}" wx:for-item="vieorow">
        <navigator  url="../arc_video/arc_video?id={{vieorow.id}}">
        <view class="spdiv" hover="true" hover-class="hover_nav" hover-stay-time="1000">
            <view class="sppic">
              <image src="{{vieorow.img}}" mode=""></image>
            </view>
            <view class="sptxt">{{vieorow.title}}</view>
        </view>
        </navigator> 
        </block>
      </view>
  </view>
  
这样就只循环了里面的内容

原文链接:https://www.f2er.com/weapp/422950.html

猜你在找的微信小程序相关文章