vue route 帶引數 vue 路由傳參

2021-10-18 17:01:46 字數 1410 閱讀 8070

v-router的注意事項

使用name和params組合傳參

this.$router.push(})

注釋:路由的配置

import vue from 'vue'

import router from 'vue-router'

vue.use(router)

export default new router( ]

})

獲取引數

this.$route.params.id // 233 沒有問題

重新整理引數丟失 顯示 undefined

this.$route.params.id // undefined

怎麼出現了這個情況?來繼續看

注意:此方法第一次跳轉是沒有問題的,引數也可以傳過去,但是重新整理頁面後,引數就沒了 (ps: 這個地方其實還有乙個問題,當你傳遞的引數是number型別,第一次是沒有問題的,獲取的時候也是number型別,但是當你重新整理頁面後,number變成string型別,如果涉及計算的建議先型別轉換一下)

console.log(this.$route.params.id + 1)

第一次是預期結果    // 234

重新整理頁面後直接字串拼接了  // 2331

來看,引數丟失解決方案

path和query組合傳參

this.$router.push(})

注釋:路由的配置

import vue from 'vue'

import router from 'vue-router'

vue.use(router)

export default new router( ]

})

獲取引數

this.$route.query.id // 666

此方法引數會跟在問號後面 

例如:/details?id=666,該方法重新整理頁面不會丟失引數

注釋:(高階一點) 使用 props 將元件和路由解耦.下次一定嘻嘻

Vue路由帶引數跳轉

path 是要跳轉的路由路徑 推薦換成 name 值,name pathname 命名路由,兩者都可以進行路由導航 params 是要傳送的引數,引數可以直接 key value 形式傳遞 類似post query 是通過 url 來傳遞引數的同樣是 key value 形式傳遞 類似get 重新整...

nohup 帶引數 中型路緣石滑模機引數保定

保定中型路緣石滑模機引數保定如果混凝土面層已經做完,路沿石滑模機裝置則採取以下步驟進行作業 1 首先根據路面基層標高來製作施工作業的基礎,等待7天後實行自身的滑模作業 2 路面基層頂層面按路緣石設計位置來控制標高做出樣品並清理好現場,之後用水進行濕潤,再做基礎,全部覆蓋澆水7天 3 在已完的基本上準...

帶引數 爬蟲(四) 帶引數請求

豆瓣搜尋 海邊的卡夫卡 知乎搜尋 宇宙大 可以看到每個url都由兩部分組成 前半部分形如 後半部分形如 xx xx xx xx xx 兩部分使用?來連線。其中前半部分是基 告訴伺服器想訪問的位址,後半部分就是請求所附帶的引數,它會告訴伺服器,需要什麼樣的資料。引數的結構和字典很像,有鍵有值,鍵值用 ...