微信小程式wx for的使用，動態傳參新手教程

微信小程式wx:for的使用，動態傳參新手教程。

一：wx:for的使用

在小程式的開發過程中，經常會用到在前端頁面迴圈列印乙個陣列或者物件的資料，這樣的話就需要用wx：for來實現。

一般情況下，小程式的utils這個資料夾下，我們可以把本地的資料寫進去，封裝成.js檔案，提供對外暴露的介面，然後讀取本地資料，這些在上一篇部落格中有詳細介紹。我們最後說到寫好的本地資料可以另乙個頁面讀取：

var filedata = require('../../utils/data.js')

page(,

})在data{}中賦值後，showdata就可以直接在wxml中顯示了。接下來說下如何在wxml頁面用wx:for迴圈顯示陣列，下面是示例：

} }

wx：for = 「」，「」中寫當前小程式js頁面中data的物件名。

實際效果圖(並非上述**實現):

二：小程式的動態傳參

在微信小程式的開發過程中經常會用到動態傳參，比如根據某一頁面傳參的不同，載入不同的新的頁面。接下來介紹下如何實現。

上一篇部落格中介紹了如何用wx：for迴圈顯示陣列，一般情況下我們要實現的功能是點選不同的元素進入不同的頁面，比如在另乙個頁面載入某個元素的詳細資訊。

跳轉這裡採用n**igator跳轉，在n**igator跳轉的鏈結上將引數加上去：

index.wxml(根據點選頁面的不同傳遞引數)

} }

id是在本地資料中已經寫好的，參見以前的部落格，它也對應了每一條資料其他詳細資訊。由此可以想到，我們只要在下一級頁面根據傳遞引數id再在本地資料中查詢，然後將查詢結果進行顯示，就做到了載入詳細資訊這個功能。

logs.js(接受index.wxml傳遞的引數並處理)

page()

} })

searchmtdata這個方法在之前的部落格中已經有說明，就是根據id的值來查詢，返回乙個list中具體的物件，即某個item的詳細資訊。

onload:function這個函式在頁面載入時就會執行一次，options就是接收的從index.wxml傳遞過來的引數。根據id查詢到具體的list物件後再進行賦值，此時data_**中的資料就是某個item的詳細資訊了。

logs.wxml(對item的詳細資訊進行顯示)

mtid

} status

} duration

} operator

} idle reason

} 實現效果截圖：

點選具體某個item