$router.push() 详解
时间: 2023-10-26 08:36:01 浏览: 41
$router.push() 是 Vue.js 中的路由功能,通过该方法可以在前端页面之间进行跳转。具体来说,$router 是 Vue.js 路由实例,push() 方法用于实现路由的跳转,可以接受一个字符串或者一个描述URL的对象作为参数,比如:
$router.push('/home') // 字符串参数
$router.push({path: '/home'}) // 对象参数
当调用 $router.push() 方法后,会将指定路由的 URL 加入浏览器的访问历史记录,页面会实现跳转。同时,也可以使得 URL 可以带上查询参数、哈希值、并传递参数给路由组件。
相关问题
详解this.$router.push
这是 Vue.js 中的路由跳转方法。$router 是 Vue.js 框架中的路由实例,而 push 方法用来跳转到指定的页面。可以在 push 方法中传入一个对象,包含跳转的路径和需要传递的参数。例如:
```
this.$router.push({ path: '/user/123', query: { name: 'Mike' } });
```
这样就可以在目标页面获取到参数,使用 this.$route.query.name 获取到 'Mike'。
$router.go使用方法详解
$router.go() 是 Vue Router 提供的一个方法,用于在浏览器的历史记录中向前或向后移动。该方法可以接收一个数字作为参数,表示向前或向后移动的步数,例如:
```javascript
// 向前移动一步
this.$router.go(1);
// 向后移动一步
this.$router.go(-1);
```
此外,$router.go() 还可以接收一个字符串作为参数,表示要移动到的路由地址,例如:
```javascript
// 移动到 '/about' 路由
this.$router.go('/about');
```
需要注意的是,如果要使用 $router.go() 方法移动到的路由地址不存在,则会导致跳转失败。因此,在使用该方法时,建议先使用 $router.push() 方法进行路由跳转,确保要跳转的路由地址是存在的。
相关推荐
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)
![pdf](https://img-home.csdnimg.cn/images/20210720083512.png)