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)文章
這篇文章主要介紹了淺談vux之x-input使用以及源碼解讀，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-11-11
今天小編就為大家分享一篇vue 利用路由守衛(wèi)判斷是否登錄的方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-09-09
給大家?guī)硪黄P(guān)于用nodejs實現(xiàn)excel文件的讀取并去重的功能，有興趣的朋友參考學(xué)習(xí)下。2018-04-04
這篇文章主要為大家詳細(xì)介紹了vue.js實現(xiàn)只能輸入數(shù)字的輸入框，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2019-10-10
HTML頁面中使用Vue示例進(jìn)階（快速學(xué)會上手Vue）
Vue是用于構(gòu)建用戶界面的漸進(jìn)式JavaScript框架。特色：構(gòu)建用戶界面—數(shù)據(jù)變成界面；漸進(jìn)式—Vue可以自底向上逐層的應(yīng)用。VUE有兩種使用方式，一種實在html中直接使用vue做開發(fā)，一種是企業(yè)級的單頁面應(yīng)用。2023-02-02
Vue3中實現(xiàn)Chart.js柱狀圖的超詳細(xì)指南
柱狀圖是比較常用的圖形結(jié)構(gòu),下面這篇文章主要介紹了Vue3中實現(xiàn)Chart.js柱狀圖的相關(guān)資料,文中通過代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-08-08
這篇文章主要介紹了element中el-select的使用及說明，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-01-01
這篇文章主要介紹了vue實現(xiàn)在data里引入相對路徑，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-06-06
在現(xiàn)代的前端開發(fā)中,我們經(jīng)常需要使用一些第三方的外部腳本或庫,尤其是像地圖、圖表、分析工具等,在 Vue 項目中,有多種方式可以引入外部腳本,本文將詳細(xì)介紹在 Vue 項目中引入外部腳本的幾種常見方法,需要的朋友可以參考下2025-01-01
這篇文章主要介紹了Vue3中配置404路由及懶加載的解決過程,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2025-04-04