vue前端路由搜索功能實現


 

目的:

參數拼接在url地址欄上可以直接把數據渲染到對應頁面。

 

 

實現思路:

第一種情況: 一層層點進去

通過vue得前端路由實現,在商品信息那個組件中放一個默認得請求數據,當點擊商品信息時候,讓他直接push到goods-view中並攜帶着請求參數,goods-view中給后端發送數據請求並渲染。

第二種情況: 直接地址欄輸入

在1得基礎上,在create生命周期函數中判斷查詢條件是否為空,如果為空就用默認得查詢參數先獲取一頁數據展示,如果不為空則記錄一下查詢參數,更改頁面得渲染,最里層create也可以深拷貝拿到查詢參數。

 

 # 中間那層,查詢參數需要接收,渲染對應頁面條件,需要深拷貝一個對象,直接指向會有問題。

 

遇到到得困難:

重復路由:由於默認檢查機制是$.route.path做對比,一直報這個錯誤

解決方式:在goods-view那層得router-view 加個key參數,做全路徑得對比即可

 

特別注意:

create中接收查詢參數,需要深拷貝得到,如果直接賦值搞到會報重復路由錯誤!!!

 

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM