1. 程式人生 > >微信小程式--呼叫外界API

微信小程式--呼叫外界API

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=“{{陣列名稱}}”遍歷陣列

<blockwx:for="{{imgUrls}}"><!--迴圈專用--><swiper-item><imagesrc="{{item}}"class="slide-image"class="slide-img"mode='aspectFill'/></swiper-item></block>
4.頁面與頁面傳值的方法

url ="頁面的相對地址?傳值名稱1=具體值1&傳值名稱2=具體值2"

<navigatorurl="../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