欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

vue?this.$router六種方法使用示例總結(jié)分析

 更新時(shí)間:2023年06月25日 11:51:12   作者:扶得一人醉如蘇沐晨  
這篇文章主要為大家介紹了vue this.$router六種方法使用示例總結(jié)分析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪

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路由篇(動(dòng)態(tài)路由、路由嵌套)

    詳解vue路由篇(動(dòng)態(tài)路由、路由嵌套)

    這篇文章主要介紹了詳解vue路由篇(動(dòng)態(tài)路由、路由嵌套),小編覺(jué)得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2019-01-01
  • vue生命周期和react生命周期對(duì)比【推薦】

    vue生命周期和react生命周期對(duì)比【推薦】

    本文通過(guò)實(shí)例代碼給大家介紹了vue生命周期和react生命周期對(duì)比 ,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2018-09-09
  • Vue之Watcher源碼解析(2)

    Vue之Watcher源碼解析(2)

    這篇文章主要為大家詳細(xì)介紹了Vue源碼之Watcher的相關(guān)資料,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • ElementUI radio組件選中小改造

    ElementUI radio組件選中小改造

    這篇文章主要介紹了ElementUI radio組件選中小改造,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-08-08
  • vue 表單驗(yàn)證按鈕事件交由父組件觸發(fā)的方法

    vue 表單驗(yàn)證按鈕事件交由父組件觸發(fā)的方法

    這篇文章主要介紹了vue 表單驗(yàn)證按鈕事件交由父組件觸發(fā)的方法,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2018-12-12
  • vue項(xiàng)目實(shí)現(xiàn)添加圖片裁剪組件

    vue項(xiàng)目實(shí)現(xiàn)添加圖片裁剪組件

    這篇文章主要為大家詳細(xì)介紹了vue項(xiàng)目實(shí)現(xiàn)添加圖片裁剪組件,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-03-03
  • Vue使用Axios庫(kù)請(qǐng)求數(shù)據(jù)時(shí)跨域問(wèn)題的解決方法詳解

    Vue使用Axios庫(kù)請(qǐng)求數(shù)據(jù)時(shí)跨域問(wèn)題的解決方法詳解

    在 VUE 項(xiàng)目開(kāi)發(fā)時(shí),遇到個(gè)問(wèn)題,正常設(shè)置使用 Axios 庫(kù)請(qǐng)求數(shù)據(jù)時(shí),報(bào)錯(cuò)提示跨域問(wèn)題,那在生產(chǎn)壞境下,該去怎么解決呢?下面小編就來(lái)和大家詳細(xì)講講
    2024-01-01
  • vue element 中的table動(dòng)態(tài)渲染實(shí)現(xiàn)(動(dòng)態(tài)表頭)

    vue element 中的table動(dòng)態(tài)渲染實(shí)現(xiàn)(動(dòng)態(tài)表頭)

    這篇文章主要介紹了vue element 中的table動(dòng)態(tài)渲染實(shí)現(xiàn)(動(dòng)態(tài)表頭),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2019-11-11
  • 在vue里如何使用pug模板引擎

    在vue里如何使用pug模板引擎

    這篇文章主要介紹了在vue里如何使用pug模板引擎,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教
    2023-10-10
  • Vue2.x中的Render函數(shù)詳解

    Vue2.x中的Render函數(shù)詳解

    通常開(kāi)發(fā)vue我們使用的是模板語(yǔ)法,其實(shí)還有和react相同的語(yǔ)法,那就是render函數(shù),同樣支持jsx語(yǔ)法。Vue 的模板實(shí)際是編譯成了 render 函數(shù)。
    2017-05-05

最新評(píng)論