微信小程序中在swiper-item中遍历循环添加多个数据内容（微信小程序交流群：604788754）...

在小程序中为了实现一个<swiper-item>中添加多个内容重复的标签，那就需要使用wx:for循环。如果按小程序的简易教程，循环加在block中，而swiper-item放在里面。所有数据都会遍历到每一个swiper-item中。这不是我们想要的。

只需要把<block>放入<swiper-item>中就可以，把循环数据绑定到block上就可以了。

代码：

<!--导航部分轮播图-->
<swiper class="navban" indicator-dots="{{indicatorDots}}" interval="{{interval}}" duration="{{duration}}">
        <swiper-item>
            <block wx:for="{{navimg}}">
                <view class="navbox">
                    <image class="navimg" src="{{item}}"></image>
                    <text class="navtext">掌上信息</text>
                </view>
             </block>
        </swiper-item>    
</swiper>

 效果：

 

转载于:https://www.cnblogs.com/yiweiyihang/p/6814057.html