VUE中路由變化this.$router(push\replace\go\back)解讀
更新時間：2023年10月24日 11:27:31 作者：前端不加班
這篇文章主要介紹了VUE中路由變化this.$router(push\replace\go\back),具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
1.this.$router.push()
描述
跳轉(zhuǎn)到指定的url，但這個方法回向history添加一個記錄，點擊后退會返回到上一個頁面。
用法
// 1字符串
this.$router.push('/user/order')
// 2對象
this.$router.push({ path: '/user/order' })
//3傳參
this.$router.push({ path: '/user/order', query: {id: 123} })
//3-1取參數(shù)
this.$route.query.id
//4命名的路由
this.$router.push({ name: '/user/order', params: {id: 123} })
//4-1取參數(shù)
this.$route.params.id2.this.$router.replace()
描述
同樣是跳轉(zhuǎn)到指定的url，但是這個方法不會向history里面添加新的記錄，點擊返回，會跳轉(zhuǎn)到上上一個頁面。上一個記錄是不存在的。
用法
同this.$router.push()
3.this.$router.go()
原頁面表單中的內(nèi)容會丟失
this.$router.go(-1)：后退+刷新；this.$router.go(0)：刷新；this.$router.go(1)：前進
4.this.$router.back()
原頁表表單中的內(nèi)容會保留
this.$router.back(-1)：后退 ；this.$router.back(0)：刷新；this.$router.back(1)：前進
總結(jié)
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
vue獲取當前日期時間(使用moment和new?Date())
在項目開發(fā)中我遇到了日期范圍選擇器,兩種獲取當前日期并做處理的寫法,這里記錄一下,下面這篇文章主要給大家介紹了關(guān)于vue獲取當前日期時間(使用moment和new?Date())的相關(guān)資料,需要的朋友可以參考下2023-06-06
vue3 攜帶參數(shù)跳轉(zhuǎn)|router傳參方式
這篇文章主要介紹了vue3 攜帶參數(shù)跳轉(zhuǎn)|router傳參方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
vue中使用jeecg進行前后端聯(lián)調(diào)方式
這篇文章主要介紹了vue中使用jeecg進行前后端聯(lián)調(diào)方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-09-09
本文主要介紹了Element Timeline時間線的實現(xiàn)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-10-10
map()函數(shù)是在JS的數(shù)組中定義的,它返回一個新的數(shù)組,下面這篇文章主要給大家介紹了關(guān)于vue中map()快速使用的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
在后臺管理系統(tǒng)，可以根據(jù)登錄用戶的不同返回不同路由，頁面也會根據(jù)這些路由生成對應的菜單，本文主要介紹了vue3動態(tài)路由+菜單欄的實現(xiàn)示例，感興趣的可以了解一下2024-04-04
下面小編就為大家分享一篇Vue修改mint-ui默認樣式的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-02-02
Vue動態(tài)加載圖片在跨域時無法顯示的問題及解決方法
這篇文章主要介紹了解決VUE動態(tài)加載圖片在跨域時無法顯示的問題,本文通過實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2020-03-03
這篇文章主要介紹了簡單了解vue.js數(shù)組的常用操作,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，,需要的朋友可以參考下2019-06-06
vue使用自定義指令實現(xiàn)按鈕權(quán)限展示功能
這篇文章主要介紹了vue中使用自定義指令實現(xiàn)按鈕權(quán)限展示功能，本文結(jié)合實例代碼給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下2022-04-04