vue中路由重定向redirect問題
更新時間：2023年05月18日 14:52:43 作者：YQ__QH
這篇文章主要介紹了vue中路由重定向redirect問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教
vue路由重定向redirect
傳參
重定向時傳參，根據(jù)重定向到的路徑進行傳參
注意：重定向改變了路徑，此時路徑并不是goParams/1993/yq love zn而是params/1993/yq love znf
不傳參
不傳參直接重定向路徑地址
注意：
redirect重定向改變了url地址，如果重定向的地址需要接收參數(shù)然而沒有傳參不會改變地址，頁面不會報錯但是也不會顯示內容
vue router常用操作重定向redirect
重定向 redirect
const routes = [
? ? { path: '/', redirect: '/index'},
? ? { path: '/index', component: index }
]嵌套路由
const routes = [
? ? { path: '/index', component: index,
? ? ? ? children: [
? ? ? ? ? ? { path: 'info', component: info}
? ? ? ? ]
? ? ?}
]通過/index/info就可以訪問到info組件了
懶加載
const routes = [
? ? { path: '/index', component: () => import('@/views/index.vue')},
? ? { path: '/hello', component: () => import('@/views/hello.vue') }
]總結
以上為個人經驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue父子組件傳值問題，文章中有詳細的示例代碼，感興趣的同學可以參考閱讀2023-04-04
這篇文章主要介紹了Vue 框架之動態(tài)綁定 css 樣式的方法，本文通過分享小實例給大家介紹的非常詳細，具有一定的參考借鑒價值,需要的朋友可以參考下2018-11-11
這篇文章主要為大家介紹了Storybook?7.0?Beta?Vue3踩坑解決記錄詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2023-02-02
Vue 中使用vue2-highcharts實現(xiàn)top功能的示例
下面小編就為大家分享一篇Vue 中使用vue2-highcharts實現(xiàn)top功能的示例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-03-03
這篇文章主要介紹了Vue切換div顯示隱藏,多選，單選代碼解析,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-07-07
vue過濾表格數(shù)據(jù)導致的索引錯亂問題及解決
這段描述主要討論了在表單操作中如何正確處理表格數(shù)據(jù)的篩選和編輯,強調保持數(shù)據(jù)源完整性和操作準確性的關鍵,關鍵詞包括：數(shù)據(jù)源完整性和操作準確性2026-05-05
Vue的小伙伴們,困擾大家的IE瀏覽器支持Vue的問題,目前已經找到了一個比較好的解決方案,下面這篇文章主要給大家介紹了關于vue項目兼容IE瀏覽器的教程步驟,需要的朋友可以參考下2023-03-03
Vue+GeoScene監(jiān)測瀏覽器內存變化并優(yōu)化性能
在做 Vue 項目集成 GeoScene 地圖的時候,很多人都會遇到一個頭疼問題,頁面切幾次,地圖重建幾次,瀏覽器就卡,內存就飆,下面我們就來看看具體的解決方案吧2025-11-11
Vue 清除Form表單校驗信息的解決方法(清除表單驗證上次提示信息)
這篇文章主要介紹了Vue 清除Form表單校驗信息的解決方法(清除表單驗證上次提示信息),本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2023-04-04
Vue遷移React之Vue一鍵自動化轉換React的方案詳解
這篇文章主要為大家詳細介紹了Vue一鍵自動化轉換React的相關方法,文中的示例代碼講解詳細,具有一定的借鑒價值,感興趣的小伙伴可以跟隨小編一起學習一下2026-04-04