微信小程序 <swiper-item>标签传入数据

百变鹏仔 3天前 #前端问答

文章标签标签

这篇文章主要介绍了微信小程序标签传入数据的相关资料,需要的朋友可以参考下

微信小程序标签传入数据

在中用for循环传入多个成对不同数据时的实现方法。

看下效果图：

遍历实现方法：wxss省略：

wxml中代码：

<!--导航部分轮播图--><swiper>    <swiper-item>      <block>        <view>          <image></image>          <text>{{item.navtext}}</text>        </view>       </block>    </swiper-item>  </swiper>

相对应js里面的代码：

var app = getApp()Page({ data: {  navs:[   { navimg:'/images/i01.png', navtext:'掌上信息'},   { navimg:'/images/i02.png', navtext:'商家'},   { navimg:'/images/i03.png', navtext:'抢购'},   { navimg:'/images/i04.png', navtext:'抢福利'},   { navimg:'/images/i05.png', navtext:'五折卡'},   { navimg:'/images/i06.png', navtext:'黑猫活动'},   { navimg:'/images/i07.png', navtext:'本地圈'},   { navimg:'/images/i08.png', navtext:'顺风车'},  ],  indicatorDots: true,  autoplay: true,  interval: 2000,  duration: 1000, } })

文章推荐

微信小程序 &lt;swiper-item&gt;标签传入数据

揭秘：魏则西离去真正的原因（派代网）

拒绝做微商被屏蔽拉黑，方法我有！（派代网）

【派代&amp;生意参谋电商论剑征文大赛】重磅！不看江湖地位，只论技法高下，等你来战！（）

寻洲：微商警戒线，你知道几个？

拒绝做微商被屏蔽拉黑，方法我有！（）

微信小程序 <swiper-item>标签传入数据

【派代&生意参谋电商论剑征文大赛】重磅！不看江湖地位，只论技法高下，等你来战！（）