目的:
參數拼接在url地址欄上可以直接把數據渲染到對應頁面。
實現思路:
第一種情況: 一層層點進去
通過vue得前端路由實現,在商品信息那個組件中放一個默認得請求數據,當點擊商品信息時候,讓他直接push到goods-view中並攜帶着請求參數,goods-view中給后端發送數據請求並渲染。
第二種情況: 直接地址欄輸入
在1得基礎上,在create生命周期函數中判斷查詢條件是否為空,如果為空就用默認得查詢參數先獲取一頁數據展示,如果不為空則記錄一下查詢參數,更改頁面得渲染,最里層create也可以深拷貝拿到查詢參數。
# 中間那層,查詢參數需要接收,渲染對應頁面條件,需要深拷貝一個對象,直接指向會有問題。
遇到到得困難:
重復路由:由於默認檢查機制是$.route.path做對比,一直報這個錯誤
解決方式:在goods-view那層得router-view 加個key參數,做全路徑得對比即可
特別注意:
create中接收查詢參數,需要深拷貝得到,如果直接賦值搞到會報重復路由錯誤!!!