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

2021-10-01 08:45:05 字數 697 閱讀 9870

下列觀點只代表個人觀點,如有不足之處,煩請指正!!!

今天在頁面間使用$router.push傳參時,發現頁面重新整理資料之後,路由中params的資料丟失了。

1.繼續使用params傳參

繼續使用params傳參,需要在對應路由中新增引數,用來儲存(不知道這麼說對不對)params中對應的引數。

如圖

模板檔案中路由傳參寫法

路由檔案中路由寫法

2.使用query路由傳參

使用query傳參,資料儲存在路由例項的query中,頁面重新整理不會消失(目前不知道原因)

如圖

模板檔案中路由傳參寫法

路由檔案中路由寫法

vue路由之query和params傳參

配置路由表 import vue from vue import router from vue router import nextpage from views nextpage.vue 要跳轉的元件路徑 vue.use router const router newrouter export ...

vue 路由傳參 params 與 query

router檔案下index.js裡面,是這麼定義路由的 我想用params來傳參,是這麼寫的,嗯 this.router.push 結果可想而知,接收引數的時候 this.route.params.code undefined這是因為,params只能用name來引入路由,下面是正確的寫法 thi...

vue路由傳參 params和query

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