js中this.$router.push的用法
时间: 2024-02-20 22:55:19 浏览: 130
vue两组件间值传递 $router.push实现方法
在JavaScript中,this.$router.push()是Vue.js框架中用于进行路由导航的方法。它用于在前端页面之间进行跳转。
具体用法如下:
1. 首先,确保你已经在Vue组件中引入了Vue Router,并且在Vue实例中进行了配置。
2. 在Vue组件中,可以通过this.$router.push()来进行路由导航。该方法接受一个参数,可以是一个字符串路径或者一个包含路径、查询参数和哈希值的对象。
- 字符串路径:可以直接传入一个字符串路径,例如:this.$router.push('/home')。
- 对象参数:可以传入一个包含路径、查询参数和哈希值的对象,例如:this.$router.push({ path: '/home', query: { id: 1 }, hash: '#section' })。
3. 路由导航会将当前页面切换到指定的路径,并加载对应的组件。
需要注意的是,this.$router.push()方法会将新的路由添加到浏览器的历史记录中,因此用户可以通过浏览器的后退按钮返回到之前的页面。
阅读全文