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

router.go()方法的參數(shù)是一個整數(shù),表示在history歷史記錄中前進或后退多少步,類似于window.history.go()。this.$router.go(-1)相當于history.back(),表示后退一步;this.$router.go(1)相當于history.forward(),表示前進一步,功能類似于瀏覽器上的后退和前進按鈕,相應的地址欄也會發(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í)行后退操作。