欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

微信小程序 wx:for的使用實(shí)例詳解

 更新時(shí)間：2017年04月27日 10:46:57   作者：萌神哆啦A夢(mèng)  
這篇文章主要介紹了微信小程序 wx:for的使用實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下

微信小程序 wx:for的使用實(shí)例詳解

在小程序的開(kāi)發(fā)過(guò)程中，經(jīng)常會(huì)用到在前端頁(yè)面循環(huán)打印一個(gè)數(shù)組或者對(duì)象的數(shù)據(jù)，這樣的話就需要用wx：for來(lái)實(shí)現(xiàn)。

一般情況下，小程序的utils這個(gè)文件夾下，我們可以把本地的數(shù)據(jù)寫(xiě)進(jìn)去，封裝成.js文件，提供對(duì)外暴露的接口，然后讀取本地?cái)?shù)據(jù)，這些在上一篇博客中有詳細(xì)介紹。我們最后說(shuō)到寫(xiě)好的本地?cái)?shù)據(jù)可以另一個(gè)頁(yè)面讀?。?/p> 

var fileData = require('../../utils/data.js')  
Page({  
 data: {  
  showData: fileData.mtData().list,  
 },  
})

在data{}中賦值后，showData就可以直接在wxml中顯示了。接下來(lái)說(shuō)下如何在wxml頁(yè)面用wx:for循環(huán)顯示數(shù)組，下面是示例：

<view class="item" wx:for="{{showData}}"> 
 <view class="td"> 
  {item.MTId}} {{item.status}} 
 </view> 
</view>

wx：for = “”，“”中寫(xiě)當(dāng)前小程序js頁(yè)面中data的對(duì)象名。

實(shí)際效果圖（并非上述代碼實(shí)現(xiàn)）


感謝閱讀,希望能幫助到大家,謝謝大家對(duì)本站的支持！

相關(guān)文章

最新評(píng)論