首頁技術(shù)文章正文

編程式導航:router.go()方法的使用【W(wǎng)eb前端培訓】

更新時間:2022-11-02 來源:黑馬程序員 瀏覽量:

IT培訓班

  router.go()方法的參數(shù)是一個整數(shù),表示在history歷史記錄中前進或后退多少步,類似于window.history.go()。this.$router.go(-1)相當于history.back(),表示后退一步;this.$router.go(1)相當于history.forward(),表示前進一步,功能類似于瀏覽器上的后退和前進按鈕,相應(yīng)的地址欄也會發(fā)生改變。下面我們通過例5-9進行演示。

  【例5-9】

  (1)創(chuàng)建C:\vue\chapter05\demo09.html文件,具體代碼如下:

<div id="app">
    <button @click="goBack">后退</button>
</div>
<script>
var router = new Vue({
    el: '#app',
    methods: {
        goBack () {
            this.$router.go(-1) //  使用this.$router.go()進行后退操作
        }
    },
    router
})
</script>

  (2)在瀏覽器中打開demo09.html,單擊“后退”按鈕,瀏覽器就會執(zhí)行后退操作。

分享到:
在線咨詢 我要報名
和我們在線交談!