您的位置:首页 > 移动开发 > 微信开发

微信小程序--调用外界API

2018-05-07 09:12 337 查看


1.注意使用this.setData({})方法时this的作用域问题,如果this外界有function说明this的作用域已经不是本页面,此时在方法外,使用 var that = this ,将this的值赋给一个变量。
2.轮播图的使用方法
<swiper indicator-dots="true">    //轮播图下面的指示点
autoplay="true" interval="8000" duration="1000">    //是否自动播放;播放间隔;图片停留时间
<block wx:for="{{imgUrls}}">  //block是一个专为循环准备的一个标签,并不会影响任何的视图
<swiper-item>
<image src="{{item}}" class="slide-image" width="355" height="150"/>
</swiper-item>
</block>
</swiper>
3.使用wx:for遍历js中的数组

首先在js文件中存在如下的数组:

Page({ data:{ imgUrls: ["https://img1.doubanio.com/view/photo/s_ratio_poster/public/p2519994468.jpg", "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2520543845.jpg", "https://img3.doubanio.com/view/photo/s_ratio_poster/public/p2521118750.jpg"]
}})

使用block标签和wx:for=“{{数组名称}}”遍历数组

<block wx:for="{{imgUrls}}"><!--循环专用--> <swiper-item> <image src="{{item}}" class="slide-image" class="slide-img" mode='aspectFill'/> </swiper-item> </block>
4.页面与页面传值的方法

url ="页面的相对地址?传值名称1=具体值1&传值名称2=具体值2"

<navigator url="../list/list?type=1232&title=222" >-> </navigator>

去传值页面对应于的js文件中,使用做this.setData({})方法将值写入data中

Page({ data: {}, onLoad: function (options) { this.setData({ type: options.type, title:options.title }) }})

确认是否传值成功,打开APPData,传值成功。

5.调用外界API


阅读更多
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: