Vue中实现路由跳转的四种方式

1.this. $router.push(‘url’)

跳转到指定的URL，在history栈中添加一个记录，点击后退会返回上一个页面

push 后面可以是对象，也可以是字符串：

// 字符串
this.$router.push('/home/first')
// 对象
this.$router.push({ path: '/home/first' })
// 命名的路由
this.$router.push({ name: 'home', params: { userId: wise }})

2.router-link 【实现跳转最简单的方法】

) // 对象 this.$router.push({ path: '/home/first' }) // 命名的路由 this.$router.push({ name: 'home', params: { userId: wise }})

4.this. $router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

this. $router.go(1) //前进一步 相当于history.forward()

this. $router.go(-1) //后退一步 相当于history.back()

this. $router.go(10)