vue路由傳參params和query區別

2021-09-24 05:45:31 字數 729 閱讀 2041

params和query傳參的區別

用params傳參，f5強制重新整理引數會被清空，引數不會顯示到路徑上。路由配置時要在path屬性值得後面加『/?*』 例如：/:id

用query，由於引數適用路徑傳參的所以f5強制重新整理也不會被清空，引數會顯示到路徑上。

1：配置路徑rutes

export default new router(,]})
2：傳遞引數：用$router

query傳參
3：接受引數：用$route，少個r,注意啦
query：最好也用name來識別，保持與params一致性，好記了，路徑傳參

1：路徑配置

export default new router(,]})
2：傳遞引數頁

query傳參
3：接受引數

vue路由傳參 params和query

query傳參 路由 routes 傳參 通過path引入 this router.push 通過name引入 this router.push 接收 com和hhhhome元件中 console.log this route.query params傳參 只能用name引入，不能用path 路由 ...

VUE路由傳參之params傳參和query傳參

下列觀點只代表個人觀點，如有不足之處，煩請指正！今天在頁面間使用 router.push傳參時，發現頁面重新整理資料之後，路由中params的資料丟失了。1.繼續使用params傳參 繼續使用params傳參，需要在對應路由中新增引數，用來儲存 不知道這麼說對不對 params中對應的引數。如圖 模...

vue路由傳參params和query的用法和區別

1.params 帶過去id 通過this.router.push 由於動態路由也是傳遞params的，所以在 this.router.push 方法中 path不能和params一起使用，否則params將無效。需要用name來指定頁面。及通過路由配置的name屬性訪問 在路由配置檔案中定義引數 ...