vue?this.$router六種方法使用示例總結(jié)分析
更新時間：2023年06月25日 11:51:12 作者：扶得一人醉如蘇沐晨
這篇文章主要為大家介紹了vue this.$router六種方法使用示例總結(jié)分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪
1、this.$router.addroute()
addRoute 添加一條新的路由記錄作為現(xiàn)有路由的子路由，如果路由有一個name, 并且已經(jīng)有一個與之名字相同的路由，它會先刪除之前的路由；
2、this.$router.addroutes（）
this.$router.addRoutes(routes: Array<RouteConfig>)
動態(tài)添加更多的路由規(guī)則。參數(shù)必須是一個符合 routes 選項要求的數(shù)組。
3、this.$router.push()
描述：
跳轉(zhuǎn)到不同的url，但這個方法回向history棧添加一個記錄，點擊后退會返回到上一個頁面。
四種情況：
4、this.$router.replace()
它的作用類似于 router.push，唯一不同的是，它在導(dǎo)航時不會向 history 添加新記錄，正如它的名字所暗示的那樣——它取代了當(dāng)前的條目。
5、this.$router.go(n)
該方法采用一個整數(shù)作為參數(shù)，表示在歷史堆棧中前進(jìn)或后退多少步，類似于 window.history.go(n)。
6、this.$router.resolve
當(dāng)遇到需要在點擊事件或函數(shù)中實現(xiàn)，新窗口打開新頁面
以上就是this.$router六種方法使用示例總結(jié)分析的詳細(xì)內(nèi)容，更多關(guān)于this.$router方法使用的資料請關(guān)注腳本之家其它相關(guān)文章！
相關(guān)文章
這篇文章主要介紹了詳解vue路由篇(動態(tài)路由、路由嵌套)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
本文通過實例代碼給大家介紹了vue生命周期和react生命周期對比 ,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-09-09
這篇文章主要為大家詳細(xì)介紹了Vue源碼之Watcher的相關(guān)資料，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-07-07
這篇文章主要介紹了ElementUI radio組件選中小改造，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-08-08
這篇文章主要介紹了vue 表單驗證按鈕事件交由父組件觸發(fā)的方法，文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2018-12-12
這篇文章主要為大家詳細(xì)介紹了vue項目實現(xiàn)添加圖片裁剪組件，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-03-03
Vue使用Axios庫請求數(shù)據(jù)時跨域問題的解決方法詳解
在 VUE 項目開發(fā)時,遇到個問題,正常設(shè)置使用 Axios 庫請求數(shù)據(jù)時,報錯提示跨域問題,那在生產(chǎn)壞境下,該去怎么解決呢？下面小編就來和大家詳細(xì)講講2024-01-01
vue element 中的table動態(tài)渲染實現(xiàn)（動態(tài)表頭）
這篇文章主要介紹了vue element 中的table動態(tài)渲染實現(xiàn)（動態(tài)表頭），文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2019-11-11
這篇文章主要介紹了在vue里如何使用pug模板引擎,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-10-10
通常開發(fā)vue我們使用的是模板語法，其實還有和react相同的語法，那就是render函數(shù)，同樣支持jsx語法。Vue 的模板實際是編譯成了 render 函數(shù)。2017-05-05