商品編輯實操（上文三種方法驗證）

#應用場景：

點擊商品列表中的某一件商品，把商品的id傳給編輯頁面，用戶能夠進行編輯，編輯後，返回到商品列表頁面。

#實現思路

構建編輯商品的template和 class

 

#關鍵技術點：

如何把某個商品的id傳到另外一個頁面

#具體實現：

1.已經建立好了一個組件：product-edit

2.構建template 和 class

從template角度看，商品的編輯頁面和商品的建立頁面類似

區別在於：編輯頁面須要先拿到該商品的屬性，展現，而後再編輯

如何獲取到某個商品的詳情？

調用它的service（Restful API的GetProductById方法）

傳遞路由參數有三種方法：路由的路徑、查詢參數、localStorage

#第一種方法：路由的路徑

1.源頭的跳轉

2.獲取它的參數

3.獲取到具體的商品並展現

 

#第二種方法：查詢參數

1.在源組件跳轉

2.在目標組件接收

3.獲取具體的商品，並展現

 

 

#第三種方法：localstorage方法

1.在跳轉以前，把商品id存到緩存localstorage，因此要用到動態跳轉

2.讀取商品id from：localstorage

3.獲取到具體的商品並展現