開始第一個微信小程序（五）

上一節已經順利的完成了一個商品列表的展現了，很是開心，可是一個小程序不僅有商品展現，還要根據選中的商品跳轉至詳情頁面，而且在詳情頁面展現該商品的一系列具體信息，那麼接下來就開搞。

    這裏個人步驟以下：
    1.列表頁面跳轉綁定
    2.跳轉成功後接受參數
    3.接受後如何展現詳情

1.列表頁面跳轉綁定

其實作過html頁面綁定的確定都知道按鈕onclick事件，就是當鼠標單擊後觸發的函數。那麼由此我就幻想到，是否是小程序也有這樣一個相似的事件，找了下資料果真有。
那就是bindtap這是至關於onclick事件
上圖中，我在區域中綁定了一個函數名:navigateDetail 而且這個區域的數據aid是數組循環當前下標的id字段

接下來看看函數怎麼寫，這裏很簡單，和js同樣

這樣一個簡單的傳遞參數就作好了。

2.跳轉成功後接受參數

接下來，看看接收參數怎麼作。

很簡單的作法，在onload裏面接收，接收的對象直接.傳遞名就能接收成功，而後再賦值給我定義的全局變量。

3.接受後如何展現詳情

參數接收成功了，能清楚的瞭解到，傳遞過來的是某個商品的惟一標識ID，那麼根據微信小程序提供的接口請求方式就能夠將ID傳遞給接口，由接口來作查詢並返回對應的json數據。
![](https://s4.51cto.com/images/blog/202012/04/bf9c422f42c24d1967b12fd57310de45.png?x-oss-process=image/watermark,size_16,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_90,type_ZmFuZ3poZW5naGVpdGk=)

基本上簡單的傳遞參數查詢，已經完成了，頁面的豐富性就看我的水平了，一個小目標又完成了，下次繼續研究一下我的呢受權登陸，登陸後的用戶惟一性的存儲問題。