劇多
首頁
資訊
體育
娛樂
汽車
投資
財經
軍事
科技
數碼
科學
遊戲
歷史
健康
政治
影視
旅遊
育兒
美食
時尚
房產
農業
社會
文化
教育
技術
美文
情感
故事
家居
職場
自然
闢謠
心理
攝影
漫畫
生活
其它
Club
Tips
熱門話題
搜尋
註冊
登入
首頁
>
Club
>
2021-02-23 02:53
詳解vue巢狀路由-query傳遞引數?
3
回覆列表
1 # 答題小賁婺蚍砌
方案一:
getDescribe(id) {// 直接呼叫$router.push 實現攜帶引數的跳轉this.$router.push({path: `/describe/${id}`,})方案一,需要對應路由配置如下:{ path: "/describe/:id",name: "Describe",component: Describe}很顯然,需要在path中新增/:id來對應 $router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。this.$route.params.id
方案二:
父元件中:透過路由屬性中的name來確定匹配的路由,透過params來傳遞引數。this.$router.push({ name: "Describe", params: { id: id}})對應路由配置: 注意這裡不能使用:/id來傳遞引數了,因為父元件中,已經使用params來攜帶引數了。{ path: "/describe",name: "Describe",component: Describe}子元件中: 這樣來獲取引數this.$route.params.id
方案三:
父元件:使用path來匹配路由,然後透過query來傳遞引數這種情況下 query傳遞的引數會顯示在url後面?id=?this.$router.push({ path: "/describe", query: { id: id}})對應路由配置:{ path: "/describe",name: "Describe",component: Describe}對應子元件: 這樣來獲取引數this.$route.query.id這裡要特別注意 在子元件中 獲取引數的時候是$route.params 而不是$router 這很重要~~~更多專業的科普知識,歡迎關注我。如果喜歡我的回答,也請給我贊或轉發,你們的鼓勵,是支援我寫下去的動力,謝謝大家。
發表回復
相關內容
詳解如何在vue專案里正確地引用jquery和jquery-ui的外掛?
如何寫出一個利於擴充套件的vue路由配置?
∧
中秋節和大豐收的關聯?
∨
亞洲盃後,恆大對四名國腳獎懲,三人受到表彰,馮瀟霆被下放預備隊。這事你怎麼看?
熱門排行
千戶苗寨現在關了嗎?
外地車能進浦東新區紅楓路嗎?
大林寺桃花的解釋?
自駕遊需要準備的清單?
雲上大陸11階裝備條件?
幾月份的菱角最好?
13ultra處理器是超頻版的嗎?
太陽能沒有熱水還會繼續流出冷水嗎?
雷紫go的水友賽怎麼進?
80厘米的桌子配多高的凳子?
方案一:
getDescribe(id) {// 直接呼叫$router.push 實現攜帶引數的跳轉this.$router.push({path: `/describe/${id}`,})方案一,需要對應路由配置如下:{ path: "/describe/:id",name: "Describe",component: Describe}很顯然,需要在path中新增/:id來對應 $router.push 中path攜帶的引數。在子元件中可以使用來獲取傳遞的引數值。this.$route.params.id方案二:
父元件中:透過路由屬性中的name來確定匹配的路由,透過params來傳遞引數。this.$router.push({ name: "Describe", params: { id: id}})對應路由配置: 注意這裡不能使用:/id來傳遞引數了,因為父元件中,已經使用params來攜帶引數了。{ path: "/describe",name: "Describe",component: Describe}子元件中: 這樣來獲取引數this.$route.params.id方案三:
父元件:使用path來匹配路由,然後透過query來傳遞引數這種情況下 query傳遞的引數會顯示在url後面?id=?this.$router.push({ path: "/describe", query: { id: id}})對應路由配置:{ path: "/describe",name: "Describe",component: Describe}對應子元件: 這樣來獲取引數this.$route.query.id這裡要特別注意 在子元件中 獲取引數的時候是$route.params 而不是$router 這很重要~~~更多專業的科普知識,歡迎關注我。如果喜歡我的回答,也請給我贊或轉發,你們的鼓勵,是支援我寫下去的動力,謝謝大家。