除了使用創建 a 標簽來定義導航鏈接js跳轉頁面有時候失靈,我們還可以借助 的實例方法,通過編寫代碼來實現。
-link的用法:
Go to Foo
代碼實現
.push(,?,?)
跳轉到指定頁面,并向棧添加一個新的記錄,新頁面打開后js跳轉頁面有時候失靈,回退時,則回到之前的url。
:可以是字符串,對象。
實例:
.push('login')
.push({name:'login',:{user:'12345'}})
.push({path:'login',query:{user:'12345'}}) 再跳轉后的頁面中可以this.query 獲取參數。
.(,?,?)
跟.push很像,唯一的不同就是,它不會向 添加新記錄,而是跟它的方法名一樣 —— 替換掉當前的 記錄。
.go(n)
參數是一個整數,意思是在 記錄中向前或者后退多少步,類似..go(n)
// 在瀏覽器記錄中前進一步,等同于 history.forward()
router.go(1)

// 后退一步記錄,等同于 history.back()
router.go(-1)

// 前進 3 步記錄
router.go(3)
// 如果 history 記錄不夠用,那就默默地失敗唄
router.go(-100)
注意以上代碼在 Vue 實例內部,你可以通過$訪問路由實例。因此你可以調用this.$.XXX