vue里怎么跳转地址

Vue 中跳转地址

Vue 提供了多种方法来跳转地址，包括：

1. router.push

push 方法将新的 URL 添加到浏览器的历史记录堆栈中，在浏览器前进按钮的右侧创建一个新的历史记录条目。

立即学习“前端免费学习笔记（深入）”；

使用方法：

this.$router.push('/new-page')

2. router.replace

replace 方法用新 URL 替换当前 URL，不会创建新的历史记录条目。

使用方法：

this.$router.replace('/new-page')

3. router.go

go 方法在浏览器的历史记录中向前或向后跳转。

使用方法：

this.$router.go(-1) // 向后跳一页this.$router.go(1) // 向前跳一页

4. $route.path = '/new-page'

直接修改 $route.path 属性也会触发地址跳转。

使用方法：

this.$route.path = '/new-page'

5. window.location.href = '/new-page'

直接修改 window.location.href 属性也会触发地址跳转，但这不是 Vue 推荐的方式。

使用方法：

window.location.href = '/new-page'

选择使用哪种方法