劇多
首頁
資訊
體育
娛樂
汽車
投資
財經
軍事
科技
數碼
科學
遊戲
歷史
健康
政治
影視
旅遊
育兒
美食
時尚
房產
農業
社會
文化
教育
技術
美文
情感
故事
家居
職場
自然
闢謠
心理
攝影
漫畫
生活
其它
Club
Tips
熱門話題
搜尋
註冊
登入
首頁
>
Club
>
2021-02-23 02:53
詳解vue巢狀路由-query傳遞引數?
4
回覆列表
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路由配置?
∧
中秋節和大豐收的關聯?
∨
亞洲盃後,恆大對四名國腳獎懲,三人受到表彰,馮瀟霆被下放預備隊。這事你怎麼看?
熱門排行
原神大概幾級能抽出五星保底?
從古至今扇子叫什麼?
尾跡雲形成的原理?
四線城市汽車跑閃送單子多嗎?
王牌競速不小心換錯了東西怎麼辦?
崩壞星穹鐵道雪衣會進卡池嗎?
蓮藕切片後要不要泡水?
特殊檔是什麼?
雷克薩斯rx3是雜牌嗎?
50升熱水器可以用浴缸嗎?
方案一:
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 這很重要~~~更多專業的科普知識,歡迎關注我。如果喜歡我的回答,也請給我贊或轉發,你們的鼓勵,是支援我寫下去的動力,謝謝大家。