微信小程序（路由及組件跳頁傳參）

課程大綱

（1）API路由跳頁傳參
（2）navigator導航組件跳頁傳參

API路由跳頁傳參

• 商品列表展示頁
  
  商品展示頁編寫
  
  
  
  
  回到商城列表展示頁，如果跳頁時直接傳參，會發現黃色警告，無法跳頁
  
  

小程序事件傳遞參數

• 小程序事件傳遞參數
  在小程序中，給元素綁定事件不能直接傳遞參數，如果寫成
  
  正解：
  ①給元素綁定自定義屬性data-item=”{{item}}”
  ②在js中通過事件對象獲取event.currentTarget.dataset.item

API路由跳頁傳參

• 所以接下來做下調整，添加自定義屬性data-***，然後在js中通過事件對象獲取
• 語法：event.currentTarget.dataset.自定義屬性名
  
• JS中通過event.currentTarget.dataset.item獲取，然後拼接到url後面
• 參數與路徑之間使用 ? 分隔，參數鍵與參數值用 = 相連，不同參數用 & 分隔
  
  這裏補充說明下路由跳轉API的相關參數
  
  商城頁面傳參後在詳情頁接收參數
  
  
  

navigator組件跳頁傳參

• 除了使用路由API跳頁傳參外，使用導航組件navigator進行跳頁時，也可以傳參，直接往url裏拼寫即可。
  

完畢