vue?this.$router六種方法使用示例總結(jié)分析
1、this.$router.addroute()
addRoute 添加一條新的路由記錄作為現(xiàn)有路由的子路由,如果路由有一個(gè)name, 并且已經(jīng)有一個(gè)與之名字相同的路由,它會(huì)先刪除之前的路由;
2、this.$router.addroutes()
this.$router.addRoutes(routes: Array<RouteConfig>)
動(dòng)態(tài)添加更多的路由規(guī)則。參數(shù)必須是一個(gè)符合 routes 選項(xiàng)要求的數(shù)組。
3、this.$router.push()
描述:
跳轉(zhuǎn)到不同的url,但這個(gè)方法回向history棧添加一個(gè)記錄,點(diǎn)擊后退會(huì)返回到上一個(gè)頁(yè)面。
四種情況:

4、this.$router.replace()
它的作用類(lèi)似于 router.push,唯一不同的是,它在導(dǎo)航時(shí)不會(huì)向 history 添加新記錄,正如它的名字所暗示的那樣——它取代了當(dāng)前的條目。


5、this.$router.go(n)
該方法采用一個(gè)整數(shù)作為參數(shù),表示在歷史堆棧中前進(jìn)或后退多少步,類(lèi)似于 window.history.go(n)。

6、this.$router.resolve
當(dāng)遇到需要在點(diǎn)擊事件或函數(shù)中實(shí)現(xiàn),新窗口打開(kāi)新頁(yè)面

以上就是this.$router六種方法使用示例總結(jié)分析的詳細(xì)內(nèi)容,更多關(guān)于this.$router方法使用的資料請(qǐng)關(guān)注腳本之家其它相關(guān)文章!
相關(guān)文章
vue.js實(shí)現(xiàn)只能輸入數(shù)字的輸入框
這篇文章主要為大家詳細(xì)介紹了vue.js實(shí)現(xiàn)只能輸入數(shù)字的輸入框,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-10-10
HTML頁(yè)面中使用Vue示例進(jìn)階(快速學(xué)會(huì)上手Vue)
Vue是用于構(gòu)建用戶(hù)界面的漸進(jìn)式JavaScript框架。特色:構(gòu)建用戶(hù)界面—數(shù)據(jù)變成界面;漸進(jìn)式—Vue可以自底向上逐層的應(yīng)用。VUE有兩種使用方式,一種實(shí)在html中直接使用vue做開(kāi)發(fā),一種是企業(yè)級(jí)的單頁(yè)面應(yīng)用。2023-02-02
Vue3中實(shí)現(xiàn)Chart.js柱狀圖的超詳細(xì)指南
柱狀圖是比較常用的圖形結(jié)構(gòu),下面這篇文章主要介紹了Vue3中實(shí)現(xiàn)Chart.js柱狀圖的相關(guān)資料,文中通過(guò)代碼介紹的非常詳細(xì),需要的朋友可以參考下2025-08-08
vue實(shí)現(xiàn)在data里引入相對(duì)路徑
這篇文章主要介紹了vue實(shí)現(xiàn)在data里引入相對(duì)路徑,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2022-06-06

