昨天寫了如何從api中獲取數(shù)據(jù)到頁面上，僅僅是少數(shù)幾個數(shù)據(jù)聚蝶，但是如果要獲取數(shù)組中的一串?dāng)?shù)據(jù)該如何獲取呢，那么就要用到wx:for循環(huán)了,在組件上使用 wx:for 控制屬性綁定一個數(shù)組藻治，即可使用數(shù)組中各項的數(shù)據(jù)重復(fù)渲染該組件碘勉。
這是官方文檔給出的例子
<view wx:for="{{array}}" wx:for-index="idx" wx:for-item="itemName">
{{idx}}: {{itemName.message}}
</view>
核心代碼就是 wx:for，對應(yīng)一個數(shù)組桩卵。
而 wx:for-index 指明后面如果要用數(shù)組索引的話验靡，用什么名字倍宾，如果名字是 index，則可省略胜嗓，直接使用高职。
而 wx:for-item 指明后面如果要用數(shù)組索引對應(yīng)的項的話，用什么名字辞州，如果名字是 item怔锌，則可省略，直接使用孙技。 一般后面兩個屬性都不寫
這樣直接拿到天氣了的一個數(shù)組，然后把把拿到數(shù)組setData
js文件
that.setData({
forecast: res.data.data.forecast
});
接下來就要用到wx:for循環(huán)了排作，直接上代碼
wxml文件
<view wx:for="{{forecast}}" wx:for-index="idx" wx:for-item="item">
{{idx+1}} {{item.date}}{{item.high}}
</view>
wx:for="{{forecast}}"括號里面的與setdata的數(shù)組對應(yīng)
wx:for-index="idx"代表數(shù)組的下標(biāo)（可以不寫）
wx:for-item="item"數(shù)組當(dāng)前的變量名（也可以不寫牵啦，但是當(dāng)循環(huán)有多層的時候要寫，會將變量名覆蓋）
在頁面輸出結(jié)果
{{idx+1}}表示在當(dāng)前的數(shù)組下標(biāo)+1
