this.$router.push用法
时间: 2023-10-13 14:07:51 浏览: 104
Vue this.$router.push(参数)实现页面跳转操作
this.$router.push用于在Vue.js中进行路由跳转。它的作用是将当前页面的URL更改为指定的目标URL,并在浏览器历史记录中添加一个新条目。
使用方式如下:
```
this.$router.push('/target-route')
```
其中,`/target-route`是目标路由的路径。
如果您需要在路由中传递参数,可以使用以下方式:
```
this.$router.push({ path: '/target-route', query: { param1: 'value1', param2: 'value2' }})
```
其中,`query`是一个对象,包含要传递的参数及其值。在目标路由中,您可以通过`this.$route.query`来获取这些参数。
另外,如果您需要在路由中传递动态参数,可以使用以下方式:
```
this.$router.push({ name: 'target-route', params: { id: 123 }})
```
其中,`name`是目标路由的名称,`params`是一个对象,包含要传递的动态参数及其值。在目标路由中,您可以通过`this.$route.params`来获取这些参数。
阅读全文