溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
微信小程序 wx:for的使用實例詳解
在小程序的開發過程中，經常會用到在前端頁面循環打印一個數組或者對象的數據，這樣的話就需要用wx：for來實現。
一般情況下，小程序的utils這個文件夾下，我們可以把本地的數據寫進去，封裝成.js文件，提供對外暴露的接口，然后讀取本地數據，這些在上一篇博客中有詳細介紹。我們最后說到寫好的本地數據可以另一個頁面讀取：
var fileData = require('../../utils/data.js')
Page({
data: {
showData: fileData.mtData().list,
},
})
在data{}中賦值后，showData就可以直接在wxml中顯示了。接下來說下如何在wxml頁面用wx:for循環顯示數組，下面是示例：
<view class="item" wx:for="{{showData}}">
<view class="td">
{item.MTId}} {{item.status}}
</view>
</view>
wx：for = “”，“”中寫當前小程序js頁面中data的對象名。
實際效果圖（并非上述代碼實現）
感謝閱讀,希望能幫助到大家,謝謝大家對本站的支持！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
