[Vue] 使用dllPlugin編譯最佳化後路由傳參問題

DiracKeeko發表於2021-12-26

使用dll最佳化編譯後,加速了打包編譯的過程,但是在使用中遇到一個問題。
有個頁面的傳參是restful風格的路由顯示傳參,直接白屏了。

注:restful路由顯示傳參 ->
在router.js中配置
const routes = [{

path: '/comparison/:idArr',
name: 'Comparison',
component: Comparison

}]
且在跳轉時設定了params: { idArr }。

原來的方式(不使用dll編譯)沒有這種問題。

去看了程式碼,這個使用params且顯示傳遞引數,需求是在新標籤頁帶著引數開啟。

為了這個目的有兩種方案
1、顯示的params傳參。
2、query傳參。

(這種跳轉新標籤頁開啟頁面,還要傳遞引數的情況,如果由前端來完成,一定是把引數顯化在位址列裡面,這個時候使用顯式params和query傳參都可以做,隱式的params傳參,在新標籤頁開啟會丟失引數,只能用於原標籤頁路由跳轉)

後由params傳參改為query傳參,規避了這個問題。

vue router 路由跳轉和傳參總結:
1、query 配 name
2、query 配 path
3、params 配 name(注意params不能配path)
4、如果用隱式的params傳參,在新標籤頁開啟會丟失引數。
5、新標籤頁帶著引數開啟頁面的情況,可以用顯示的params傳參,也可以用query傳參,建議query。

同步更新到自己的語雀
https://www.yuque.com/diracke...

相關文章