this.$router 所有的跳转方式
时间: 2023-09-09 19:11:39 浏览: 98
Vue this.$router.push(参数)实现页面跳转操作
this.$router 是 Vue.js 中用于进行路由跳转的对象。它提供了一些方法来实现不同的跳转方式,包括:
1. 使用 `this.$router.push()` 进行编程式导航,可以跳转到一个新的路由,并添加一个新的历史记录。
2. 使用 `this.$router.replace()` 进行编程式导航,可以跳转到一个新的路由,替换当前的历史记录。
3. 使用 `this.$router.go()` 进行编程式导航,可以在历史记录中向前或向后移动多少步。
4. 使用 `<router-link>` 组件进行声明式导航,可以在模板中生成包含正确的 href 属性的链接,并处理点击事件。
这些方法都可以接受不同的参数来指定目标路由的路径、查询参数、哈希值等。具体使用方法可以参考 Vue Router 的官方文档。
阅读全文