在vue中路由跳转的函数有哪些?
时间: 2024-03-03 11:51:02 浏览: 113
详解vue 路由跳转四种方式 (带参数)
在Vue.js中,路由跳转的函数通常是通过Vue Router提供的方法来实现的,以下是一些常用的函数:
1. this.$router.push:用于跳转到一个新的路由,可以在同一标签页中打开。
2. this.$router.replace:用于跳转到一个新的路由,但是不会留下访问历史记录,不能通过浏览器的后退按钮返回上一个页面。
3. this.$router.go:用于在浏览器的历史记录中向前或向后移动。
4. this.$router.back:用于返回上一个历史记录。
5. this.$router.forward:用于前进到下一个历史记录。
这些函数都是通过Vue实例中的$router对象来调用的,可以在Vue组件中使用。例如:
```
<template>
<div>
<button @click="gotoHome">跳转到首页</button>
</div>
</template>
<script>
export default {
methods: {
gotoHome() {
this.$router.push({ path: '/home' })
}
}
}
</script>
```
这里的gotoHome方法通过调用this.$router.push方法来跳转到名为“home”的路由。
阅读全文