更新時間: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í)行后退操作。