借助vue-router的实例方法,通过编写代码来实现导航的切换:
- back:回退一步
- forward:前进一步
- go:指定前进回退步数
- push:导航到不同url,向history栈添加一个新的记录
- replace:导航到不同url,替换history栈中当前记录
1 methods: { 2 handleBack () { 3 this.$router.back() 4 }, 5 handleForward () { 6 this.$router.forward() 7 }, 8 handleGo () { 9 this.$router.go(-1) 10 }, 11 handlePush () { 12 // this.$router.push('/document') 13 this.$router.push({ path: '/document' }) 14 }, 15 handleReplace () { 16 this.$router.push({ path: '/document' }) 17 } 18 }