微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

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

小程序循环wx:for

解决小程序循环问题

例如
<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" 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> 
      </view>
</view>

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

解决方案: 

我们可以使用<block  wx:for="{{vieo}}" wx:key="{{index}}" wx:for-item="vieorow">这个标签


  <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>
  
这样就只循环了里面的内容

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。